用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 实战教程 查看内容

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

纸飞机 2018-7-18 09:01

效果图:效果图一.准备工作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.上传成功后的结果如图:

结果

 
其中

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

,如有疑问请发简信给我,定会回复。


鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏