fromData上传文件方法记录

原创已于 2022-05-19 16:19:32 修改 · 348 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #前端

于 2022-05-19 11:50:05 首次发布

vue 同时被 2 个专栏收录

24 篇文章

订阅专栏

fromData文件上传

1 篇文章

订阅专栏

此篇博客介绍了如何使用FormData对象进行文件上传，并强调了在上传过程中附带编辑者信息和组织ID的重要性。通过实例展示了如何构造FormData并调用上传接口处理上传失败情况。

upload(item) {
      let data= new FormData();
      data.append('file', item.file);
      data.append("editId", this.userInfo.userId);
      data.append("orgId", this.userInfo.organ.orgId);
      data.append("editor", this.userInfo.userName);
      // const data = {
      //   file: file,
      //   editId: this.userInfo.userId,
      //   orgId: this.userInfo.organ.orgId,
      //   editor: this.userInfo.userName
      // }
      const params = {
        orgId: this.userInfo.organ.orgId,
        data: data,
      };
//调用上传接口
      uploadImage(formData)
        .then(res => {
          
          });
        })
        .catch(err => {
          this.$message.error('上传失败，请重新上传');
        });
    },

--------------------------------------------------------------

更具体使用详见formData文件上传