欢迎光临,了解微信小程序开发,就上易用通!

小程序上传一张或多张图片到阿里云OSS

发布:2018-06-29 14:46浏览: 来源:网络 作者:cola

效果图:效果图一.准备工作1.登录阿里云服务器配置需要的参数AccessKeySecret和OSSAccessKeyId。2.Base64,hmac,sha1,crypto相关算法签名算法去下载3.WeUI组件上传图片(使用方法请参考https://www.jianshu.com/p/010 ...

 
 
 

效果图:

小程序上传一张或多张图片到阿里云OSS(图1)

效果图 
 

一.准备工作

1.登录阿里云服务器配置需要的参数AccessKeySecret和OSSAccessKeyId。

小程序上传一张或多张图片到阿里云OSS(图2)


2.Base64,hmac,sha1,crypto相关算法签名算法去下载

3.WeUI组件上传图片(使用方法请参考https://www.jianshu.com/p/010cea4202b8)

4.上传图片主要的代码为: 
uploadAliyun.js

小程序上传一张或多张图片到阿里云OSS(图3)小程序上传一张或多张图片到阿里云OSS(图4)小程序上传一张或多张图片到阿里云OSS(图5)

注意:在小程序的配置位置如图:

项目中js的位置 

小程序上传一张或多张图片到阿里云OSS(图6)

5.选图片的方法:

小程序上传一张或多张图片到阿里云OSS(图7)

点击确定上传到的代码(多张图片):

小程序上传一张或多张图片到阿里云OSS(图8)

uploadImg.wxss代码:

@import "../../weui.wxss"; 


6.上传成功后的结果如图:

小程序上传一张或多张图片到阿里云OSS(图9)

结果

 
 






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。