您当前的位置: 首页 > 解决方案

微信小程序多文件递归上传

  • 作者: admin
  • 发布于 2019-01-12 10:39:22
  • 来源:  
  • 栏目:解决方案

导语: 微信小程序官网社区有申明微信小程序无法多文件上传,所以要通过递归进行多文件上传。 网上得上传例子都不满足我的要求,

 

微信小程序官网社区有申明微信小程序无法多文件上传,所以要通过递归进行多文件上传。
网上得上传例子都不满足我的要求,如下是我的代码,希望能给予参考。

方法upload单文件上传 方法uploadFils多文件上传

   export function uploadFils(url, filePathArr) {     return uploadFilsSync(url, filePathArr, 0, { success: [], fail: [] });   }    function uploadFilsSync(url, filePathArr, index, result) {     return upload(url, filePathArr[index++], {})       .then(res => {         result.success.push({ index: index, res: res });         if (index === filePathArr.length) {           return result;         } else {           return uploadFilsSync(url, filePathArr, index, result);         }       })       .catch(err => {         result.fail.push({ index: index, res: err });         if (index === filePathArr.length) {           return result;         } else {           return uploadFilsSync(url, filePathArr, index, result);         }       });   }         export function upload(url, filePath, formData = {}) {     let header = { "Content-Type": "multipart/form-data" };     return new Promise((resolve, reject) => {       wx.uploadFile({         url: config.server + url,         header: header,         filePath: filePath,         name: "file",         formData: formData,         success(res) {           resolve(res.data);         },         fail: function(error) {           reject(error);         }       });     });   }   

返回结果:

 
index:第几个上传文件,res做为上传结果  {     "success":[         {             "index":1,             "res":{                 "data":"123"             }         }     ],     "fail":[      ] }

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



温馨提示:这篇文章没有解决您的问题?欢迎添加微信:18948083295,有微信小程序专业人员,保证有问必答。转载本站文章请注明转自http://www.okeydown.com/(微信小程序网)。

  • 微信扫描二维码关注官方微信
  • ▲长按图片识别二维码
关注我们

微信小程序官方微信

栏目最新
栏目推荐
返回顶部