您现在的位置: 微信小程序 > 微信小程序开发 > 教程 >

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

来源:微信小程序 编辑:Yiyongtong.com 发布时间:2018-06-29 14:51热度:

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

 
 
 

效果图:

效果图 
 

一.准备工作

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.上传成功后的结果如图:

结果