前端input上传文件使用new FormData()同时上传文件类型和JSON数据

最新推荐文章于 2024-07-15 02:40:38 发布

桥志三

最新推荐文章于 2024-07-15 02:40:38 发布

阅读量854

点赞数 13

分类专栏： javascript 文章标签：前端

本文链接：https://blog.csdn.net/akkigg/article/details/136712113

版权

javascript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

失败案例

async uploadFileHandler(e) {
  if (e.target.files.length) {
    const files = e.target.files[0];
    let formData = new FormData();
    formData.append("file", files);
    formData.append("module", "knowledge");
    fileupload(formData).then(res => {
      if (res.data.code == 0) {
        console.log(res, "resres");
      }
      e.target.value = "";
    });

    getVideoInfoHandler(files).then(res => {
      console.log(res, "视频信息");
    });
  }
}

成功案例

async uploadFileHandler(e) {
  if (e.target.files.length) {
    const files = e.target.files[0];
    let formData = new FormData();
    formData.append("file", files);
    formData.append("module", "knowledge");
    fileupload(formData).then(res => {
      if (res.data.code == 0) {
        console.log(res, "resres");
      }
      e.target.value = "";
    });

    getVideoInfoHandler(files).then(res => {
      console.log(res, "视频信息");
    });
  }
}