小程序上传图片

data: {

productInfo: {}

},

//添加图片

bindChooiceProduct: function() {

var that = this;

wx.chooseImage({

count: 1, //最多可以选择的图片总数

sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有

sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有

success: function(res) {

// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片

var tempFilePaths = res.tempFilePaths;

//启动上传等待中...

wx.showToast({

title: '正在上传...',

icon: 'loading',

mask: true,

duration: 10000

})

var uploadImgCount = 0;

for (var i = 0, h = tempFilePaths.length; i < h; i++) {

wx.uploadFile({

url: '/home/uploadfilenew',

filePath: tempFilePaths[i],

name: 'uploadfile_ant',

formData: {

'imgIndex': i

},

header: {

"Content-Type": "multipart/form-data"

},

success: function(res) {

uploadImgCount++;

var data = JSON.parse(res.data);

//服务器返回格式: { "Catalog": "testFolder", "FileName": "1.jpg", "Url": "https://test.com/1.jpg" }

var productInfo = that.data.productInfo;

if (productInfo.bannerInfo == null) {

productInfo.bannerInfo = [];

}

productInfo.bannerInfo.push({

"catalog": data.Catalog,

"fileName": data.FileName,

"url": data.Url

});

that.setData({

productInfo: productInfo

});

//如果是最后一张,则隐藏等待中

if (uploadImgCount == tempFilePaths.length) {

wx.hideToast();

}

},

fail: function(res) {

wx.hideToast();

wx.showModal({

title: '错误提示',

content: '上传图片失败',

showCancel: false,

success: function(res) {}

})

}

});

}

}

});

},

猜你喜欢

转载自blog.csdn.net/qq_30299243/article/details/84137256