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