1,ant design的上传方法自己的action常常不好用,因此自定义自己方法来上传

html

<a-upload-dragger
          :customRequest="customRequest"
          :fileList="fileList"
          :multiple="true"
:remove="removeFile"
        />

js

//重写上传方法
    customRequest(data) {
      const formData = new FormData();
      formData.append("file", data.file);
      this.$http.post("dataSetFile/addDataSetFile", formData).then(res => {
        this.fileList.push({
          uid: res.data, // 文件唯一标识,建议设置为负数,防止和内部产生的 id 冲突
          name: data.file.name, // 文件名
          status: "done", // 状态有:uploading done error removed
          response: res // 服务端响应内容
        });
      });
    },
//删除文件
    removeFile(file) {
      this.fileList.splice(this.fileList.indexOf(file), 1);
    },

这样就可以用自己的方法来上传啦!

 
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐