微信小程序批量上传图片到七牛(推荐)

  

<强>一、引入七牛SDK

  

具体查看文档

  https://github.com/gpake/qiniu-wxapp-sdk/blob/master/README.md

  

<强>二,封装上传方法upload.js

     /* *   *上传函数   */const qiniuUploader=要求(“qiniuUploader”);   const请求=要求(“。/request.js”)//初始化七牛相关参数   函数initQiniu () {={var选项   uploadURL:“https://up.qiniup.com”,   地区:“ECN ',//uptokenURL:请求。URL +‘qiniu-token& # 63;令牌=+ getApp () .globalData.token,//uptoken:“xxxx”,   域:'cdn-mpsoft.tujihome.com/',   };   qiniuUploader.init(选项);   }      函数上传(filePath、成功、失败){   initQiniu ();//交给七牛上传   qiniuUploader。上传(filePath (res)=比;{   成功(res);   },(错误)=比;{   控制台。错误(“错误:”+ JSON.stringify(错误));   失败(错误);   });   }/* *   *批量上传   * @param图片   */函数batchUpload(图像){   让uplist=[]   (让指数图像){   const path=图像(指数)(“url”);   const关键=图像(指数)(“关键”);   让承诺=new承诺((解决,拒绝)=比;{   qiniuUploader。上传(路径,(res)=比;{   解决(res.imageURL)   },(错误)=比;{   拒绝(错误)   }, {   uploadURL:“https://up.qiniup.com”,   地区:“ECN ',//uptokenURL:请求。URL +‘qiniu-token& # 63;令牌=+ getApp () .globalData.token,   关键:钥匙,   域:'cdn-mpsoft.tujihome.com/',   });   })   uplist.push(承诺)   }   Promise.all (uplist) ((resultList)=比;{   console.log (resultList);   返回resultList;   },错误=比;{   console.log(错误)   把犯错;   })   }      模块。出口={   “上传”:上传、   “BatchUpload”: BatchUpload,   }      

url:文件路径,关键:文件名

  

batchUpload()传入数组,包含文件路径跟文件名,不需要自定义文件名可以修改下,只调用一次初始化方法,

  

返回值为包含所有文件路径的数组

  

<强>三、调用

        uploadImage(图像){   var=这   var imageURL=[];   我的图片(var) {   我。关键=' gclw_ +日期。解析(新日期())+ math . random () +“jpg”;   }      尝试{   imageURL=upload.BatchUpload(图片);   返回imageURL;   }捕捉(e) {   wx.showModal ({   标题:“提示”,   内容:e,   showCancel:假的,   })   }   },      

结果   

微信小程序批量上传图片到七牛(推荐)

  

  

以上所述是小编给大家介绍的微信小程序批量上传图片到七牛,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
  如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

微信小程序批量上传图片到七牛(推荐)