引入qiniuUploader.js文件
qiniuUploader文件地址:https://github.com/gpake/qiniu-wxapp-sdk/blob/master/demo/qiniu-demo/utils/qiniuUploader.js
const qiniuUploader = require("…/…/utils/qiniuUploader");
使用多选
小程序自带的压缩,模拟器不行,上传不了
<view class="imgs flex_l">
<view class="img flex" bindtap="upload" hidden='{{imageList.length>0}}'>
<image src="{{imgurl}}c-xiangji.png"></image>
<text style="font-size: 26rpx;">上传图片</text>
<text style="font-size: 24rpx; display: block;">(多选 最多9张)</text>
</view>
<view class="imgList flex" wx:for="{{imageList}}" wx:key="{{index}}">
<image src="{{item}}"></image>
</view>
</view>
// 点击上传图片
upload() {
//上传图片
var that = this
wx.chooseImage({
// count: 1, // 默认9
sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
// sourceType: ['album'], // 可以指定来源是相册还是相机,默认二者都有
success: function (res) {
let tempFilePaths = res.tempFilePaths;
let arr = []
tempFilePaths.map((r, i) => {
request('user/token', {}, 1).then(res => {
let uptoken = res;
qiniuUploader.upload(
r, //上传的图片
(res) => { //回调 success
console.log(res);
let url = 'http://' + res.imageURL;
arr.push(url)
that.setData({
imageList: arr
})
},
(error) => { //回调 fail
console.log('error: ' + error);
},
{ // 参数设置 地区代码 token domain 和直传的链接 注意七牛四个不同地域的链接不一样,我使用的是华南地区
region: 'SCN',
// ECN, SCN, NCN, NA, ASG,分别对应七牛的:华东,华南,华北,北美,新加坡 5 个区域
uptoken: uptoken, //调接口
uploadURL: 'https://upload-z2.qiniup.com',
domain: 'pw68einbp.bkt.clouddn.com', //域名
})
})
})
}
})
},