多张图片上传 微信小程序
2017-04-05 13:52
441 查看
// 选择图片
choose_pic: function() {
var that = this;
var choose_pics = [];
wx.chooseImage({
count: 9, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function(res) {
that.setData({
tip: "正在上传照片..."
})
var successUp = 0; //成功个数
var failUp = 0; //失败个数
var length = res.tempFilePaths.length; //总共个数
var i = 0; //第几个
that.upload_pics(res.tempFilePaths,successUp,failUp,i,length,choose_pics);
}
})
},
upload_pics:function(filePaths,successUp,failUp,i,length,choose_pics){
var that = this;
wx.uploadFile({
url: url,
filePath: filePaths[i],
name: 'fileData',
success: (resp) => {
successUp++;
},
fail: (res) => {
failUp ++;
},
complete: (res) => {
choose_pics.unshift(res.data);
that.setData({
choose_pics: choose_pics,
tip:''
})
i ++;
if(i == length)
{
app.showT('总共' + successUp + '张上传成功,' + failUp +'张上传失败!','success');
}
else
{
that.upload_pics(filePaths,successUp,failUp,i,length,choose_pics);
}
},
});
},
choose_pic: function() {
var that = this;
var choose_pics = [];
wx.chooseImage({
count: 9, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function(res) {
that.setData({
tip: "正在上传照片..."
})
var successUp = 0; //成功个数
var failUp = 0; //失败个数
var length = res.tempFilePaths.length; //总共个数
var i = 0; //第几个
that.upload_pics(res.tempFilePaths,successUp,failUp,i,length,choose_pics);
}
})
},
upload_pics:function(filePaths,successUp,failUp,i,length,choose_pics){
var that = this;
wx.uploadFile({
url: url,
filePath: filePaths[i],
name: 'fileData',
success: (resp) => {
successUp++;
},
fail: (res) => {
failUp ++;
},
complete: (res) => {
choose_pics.unshift(res.data);
that.setData({
choose_pics: choose_pics,
tip:''
})
i ++;
if(i == length)
{
app.showT('总共' + successUp + '张上传成功,' + failUp +'张上传失败!','success');
}
else
{
that.upload_pics(filePaths,successUp,failUp,i,length,choose_pics);
}
},
});
},
相关文章推荐
- 微信小程序 图片上传实例详解
- 微信小程序图片上传使用整理(一)
- 微信小程序教程之本地图片上传(leancloud)实例详解
- 微信小程序实现上传图片功能
- 微信小程序图片压缩上传
- 微信小程序服务器请求和上传数据,上传图片并展示,提交表单完整实例代码附效果图
- 微信小程序.图片上传功能
- 微信小程序之批量上传并压缩图片的实例代码
- tp5实现微信小程序多图片上传到服务器功能
- [微信小程序]上传单张和多张图片
- 微信小程序-拍照或选择图片并上传文件
- 微信小程序安卓手机上传多张图片的实现方案
- [转]微信小程序实现图片上传功能
- 微信小程序本地图片上传
- 微信小程序上传图片功能(附后端代码)
- 微信小程序开发—(四)上传图片
- 微信小程序之图片轮播及文件上传
- 微信小程序上传图片(附后端代码)
- 微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传