點擊加號,上傳多張圖片
(
bug:第一次點擊上傳最多只能上傳九張,上傳成功后點擊加號,仍然可以再次上傳一張。
不知道是不是我引用的有問題,有知道原因的小程序圖片裁剪上傳,告訴我一下,謝謝呦!
)
wxml文件
租地合同
// 租地信息 事件方法
: () {//這里是選取圖片的方法
var that = this,
pics = this.data.pics;
wx.({
count: 9 - pics., // 最多可以選擇的圖片張數,默認9
: ['', ''], // 原圖, 壓縮圖,默認二者都有
: ['album', ''], // album 從相冊選圖,使用相機小程序圖片裁剪上傳,默認二者都有
: (res) {
var = res.;
pics = pics.();
that.({
pics: pics
});
},
fail: () {
// fail
},
: () {
//
}
})
},
調用方法
: () {//這里觸發圖片上傳的方法
var pics = this.data.pics;
({
url: '........',//這里是你圖片上傳的接口
path: pics//這里是選取的圖片的地址數組
});
},
//多張圖片上傳的方法,這個可以放到app.js 文件里。也可放到相應的js文件的后面
(data) {
var that = this,
i = data.i ? data.i : 0,
= data. ? data. : 0,
fail = data.fail ? data.fail : 0;
wx.({
url: data.url,
: data.path[i],
name: '',//這里根據自己的實際情況改
: null,
: (resp) => {
++;
.log(resp)
.log(i);
//這里可能有BUG,失敗也會執行這里,所以這里應該是后臺返回過來的狀態碼為成功時,這里的才+1
},
fail: (res) => {
fail++;
.log('fail:' + i + "fail:" + fail);
},
: () => {
.log(i);
i++;
if (i == data.path.) { //當圖片傳完時,停止調用
.log('執行完畢');
.log('成功:' + + " 失敗:" + fail);
} else {//若圖片還沒有傳完,則繼續調用函數
.log(i);
data.i = i;
data. = ;
data.fail = fail;
that.(data);
}
}
});
}
注:如果方法,放到了app.js里,需在相應js里引用,如下圖所示:
歡迎關注!!!