uniapp通过表单提交图片时把图片上传到服务器，在提交表单时通过提交图片地址如何实现

在UniApp中，当需要通过表单提交包含图片的数据时，可以采用以下步骤：

1. **选择图片**：
使用 UniApp 的 `picker` 组件让用户选择图片，例如：

   <picker bindchange="onImagePicker" placeholder="请选择图片">
     <!-- picker 的选项 -->
   </picker>

2. **预览与裁剪图片**：
如果需要，使用 `image-preview` 组件预览并允许用户裁剪图片。

3. **获取图片Base64编码**：
当用户选择或裁剪好图片后，通过 `uni.getImageInfo` 方法获取图片Base64编码：

   methods: {
       onImagePicker(e) {
           uni.getImageInfo({
               src: e.detail.value, // 图片路径
               success(res) {
                   const base64 = res.tempFilePath; // 获取Base64编码
               }
           });
       }
   }

4. **创建FormData对象**：
将图片Base64编码和其他表单字段整合到一个 FormData 对象中，因为UniApp不直接支持通过`FormData`上传Base64编码的图片：

   let formData = new FormData();
   formData.append('image', base64);
   formData.append('otherField', 'value'); // 其他表单字段

5. **发送POST请求**：
使用 `wx.request` 或者 `uni.post` 发送POST请求到后端API，附上 `formData` 参数：

   uni.post('/filesUpload', formData, {
       header: {
           'Content-Type': 'multipart/form-data'
       },
       data: {
           businessType: 'yourBusinessType',
       },
       success(res) {
           console.log('上传成功:', res.data);
       },
       fail(error) {
           console.error('上传失败:', error);
       }
   });