formdata上传多个文件_wx.uploadFile的注意事项!上传图片时的路径问题|header的配置|多个文件传送......

最新推荐文章于 2024-09-20 20:22:21 发布

木西AlexanDENG

最新推荐文章于 2024-09-20 20:22:21 发布

阅读量1.2k

点赞数

文章标签： formdata上传多个文件

本文链接：https://blog.csdn.net/weixin_33421411/article/details/113072599

版权

本文详细介绍了微信小程序中使用formData上传多个文件的注意事项，特别是wx.uploadFile的方法。关键点包括设置正确的header，如'content-type':'multipart/form-data'，以及确保使用chooseImg选择的本地图片路径作为filePath。同时提到了添加token的header配置，以实现安全的文件传输。

摘要由CSDN通过智能技术生成

微信小程序-uploadFile

--图片上传

官网

—wacbg

将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求，其 header:{'content-type':'multipart/form-data'},这个要配上，如果还需要toke加上'Authorization':take,就ok.

//这个是针对多张图片上传(其实也是一张张的上传--用了promise)// localImgs:[]let _this=this // *最好this指向保存好wx.chooseImage({ //这个来获取图片      count: 1,      sizeType: ['original', 'compressed'],      sourceType: ['camera'],      success(res) {        _this.setData({          imgsrc: res.tempFilePaths[0]        })      localImgs.push({url: res.tempFilePath,})   }})        //自己把所有获取的图片加到了localImgs里面(我这里就是多张图片存在一起)  // 上传的后端url  const url = 'http://xxxxx/xx';  // 因为多张图片且数量不定，这里遍历生成一个promiseList  let promiseList = localImgs.map((item) => {      return new Promise(resolve => {      wx.uploadFile({        url,        filePath: item.url,        name: 'file',        header:{'content-type':'multipart/form-data'}, //* 这个也要设置哟        formData: {          'idcode':"cd001", //额外的参数                },        success: (res) => {                 resolve(res);        }      });    });  });  // 使用Primise.all来执行promiseList    const result = Promise.all(promiseList).then((res) => {       // 返回的res是个数据，对应promiseList中请求的结果，顺序与promiseList相同    // 在这里也就是在线图片的url数组了      return res;  }).catch((error) => {    console.log(error);  });    //这样 result就是你要的所有返回值

注意：filePath:(是本地图片地址-也就是chooseImg选择后返回的地址-必须)

header:{'content-type':'multipart/form-data'}配置header

this 这个要保存指向哟!小程序常用到