Question

使用el-upload组件上传图片

我收到204服务器无内容响应

   el-upload(
        action="https://s3-us-west-1.amazonaws.com/stage.greenausm.com",
        :mulitple="false",
        :data="xhrData"
        :show-file-list="false", :on-success="handleAvatarSuccess",
        :before-upload="beforeAvatarUpload",
      )

对服务器的请求没有图像数据

-WebKitFormBoundaryksB7UzZHz8SWLdPk 内容处置：表单数据； name =“文件”; filename =“ img.jpg” 内容类型：图片/ jpeg

-WebKitFormBoundaryksB7UzZHz8SWLdPk-

如何获取用于发送图像数据的组件

Answer 1

我有一个类似的问题，我使用表格数据来解决。我将auto-upload属性设置为false，然后传递了一个自定义的http请求

<el-upload  drag action="" :data="fileList"   :http-request="uploadFiles" :auto-upload="false" :multiple="false" >

在用于上传文件的自定义函数上，我创建了一个新的formData对象，并在将其上传到服务器之前对其进行了处理。这是一个例子

    uploadFiles() {
      //Create new formData object
      const fd = new FormData();

      //append the file you want to upload
      fd.append("file", this.file.raw);

      //add other data to the form data object if needed
      fd.append("data", this.data);

     //send call the api to upload files using axios or any other means
       axios.post('http://serveUrl/upload', fd);
   },

元素ui上传组件未发送流数据

1 个答案: