uniapp怎么同时上传图片和表单

在uniapp中，可以使用uni.uploadFile()方法来同时上传图片和表单。下面是一个示例代码：

<template>
  <div>
    <form>
      <input type="text" v-model="name">
      <input type="file" @change="handleFileChange">
      <button @click="handleSubmit">提交</button>
    </form>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        name: '',
        file: null
      }
    },
    methods: {
      handleFileChange(e) {
        this.file = e.target.files[0]
      },
      handleSubmit() {
        uni.uploadFile({
          url: 'your-upload-url',
          filePath: this.file.path,
          name: 'file',
          formData: {
            name: this.name
          },
          success(res) {
            console.log(res)
          },
          fail(err) {
            console.log(err)
          }
        })
      }
    }
  }
</script>

在上面的代码中，我们使用了一个表单来获取用户输入的名称和选择的图片。当用户点击提交按钮时，我们使用uni.uploadFile()方法来上传图片和表单数据。在formData属性中，我们可以将表单数据作为一个对象传递给服务器端。同时，我们也将选择的图片作为文件上传到服务器端。当上传成功后，我们可以在success回调函数中获取上传的结果。