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

312 阅读1分钟
原文链接: www.wxapp-union.com

效果图:

效果图 

一.准备工作

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


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

3.WeUI组件上传图片(使用方法请参考www.jianshu.com/p/010cea420…

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

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

项目中js的位置 

5.选图片的方法:

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

uploadImg.wxss代码:

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


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

结果

 
其中

images/http://tmp/wx1b4e5e756cd48af1.o6zAJsws4grEQvYrWTjBigy-6QaU.0llhudiKSF2V955a1c48350d9328ef064b4d36d12746.jpg 
就是在阿里云服务器的图片名称,拼接上" yijiao.oss-cn-qingdao.aliyuncs.com/images/http…"才是完整图片。

该demo gitHub的下载地址:github.com/dt8888/uplo…,如有疑问请发简信给我,定会回复。