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

效果图：

效果图?

一.准备工作

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

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

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

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

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

项目中js的位置?

5.选图片的方法：

点击确定上传到的代码（多张图片）：

uploadImg.wxss代码：

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

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

结果

?
其中

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!