基于colorUI的微信小程序上传图片视频于阿里OSS

基于colorUI的微信小程序上传图片视频于阿里OSS

wx_upload_aliOss

colorUI 阿里云的OSS

基于colorUI的微信小程序上传图片视频 由于客户需求多图上传，上传视频， 类似于微信朋友圈的上传方式

食用方法

相关代码

config.js

var fileHost = "https://*********.oss-cn-hangzhou.aliyuncs.com/";//你的阿里云地址最后面跟上一个/ 在你当前小程序的后台的uploadFile 合法域名也要配上这个域名 var config = { //aliyun OSS config uploadImageUrl: `${fileHost}`, // 默认存在根目录，可根据需求改 AccessKeySecret: 'AccessKeySecret', // AccessKeySecret 去你的阿里云上控制台上找 OSSAccessKeyId: 'AccessKeyId', // AccessKeyId 去你的阿里云上控制台上找 timeout: 87600 //这个是上传文件时Policy的失效时间 }; module.exports = config

封装的图片上传文件

uploadImg(pics){ return new Promise((resolve, reject) => { let date = utils.formatDate(new Date) const dir = 'wx/images/'+date+ '/' //文件默认上传到根目录下的 wx/images/$(时间)$/这个目录下 //上传图片 //图片路径可自行修改 uploadImage(pics,dir, function (result) { console.log("======上传成功图片地址为：", result); resolve(result); }, function (result) { console.log("======上传失败======", result); reject(result) } ) }) }

上传视频(由于只需要上传一个就没有写异步了)

类似于上传图片，前面默认加了 wx.showLoding（）

let date = utils.formatDate(new Date) const dir = 'wx/videos/'+date upload(res.tempFilePath,dir,(res)=>{ wx.hideLoading() this.setData({ type : 'video', imgList: res, }) },res=>{ wx.hideLoading({ complete:(res)=>{ wx.showToast({ title: '发生错误，请重新打开小程序', }) } }) console.log('上传失败') })

想了解更多colorUI的 请加群（QQ：760786796）

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。