小程序图片上传
// 上传图片
chooseImg(e) {
var that = this;
var imglist = this.data.form.imglist;
if (imglist.length >= 9) {
return wx.showToast({
title: '最多只能上传9张',
icon: 'none',
});
}
wx.chooseImage({
// count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function (res) {
// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
// var tempFilePaths = res.tempFilePaths;
var imglist = that.data.form.imglist;
var tempFilePaths = res.tempFilePaths[0]
wx.showToast({
title: '正在上传...',
icon: 'loading',
mask: true,
duration: 2000,
success: function (ress) {
}
})
//向服务器端上传图片
wx.uploadFile({
url: app.globalData.baseUrl + '?m=Index&a=upload_save',
filePath: tempFilePaths,
name: 'file',
formData: {
'img': 'img'
},
success: function (res) {
let data = JSON.parse(res.data)
console.log(data);
//输出图片地址
if (data.code == 200) {
wx.showToast({
title: '上传成功',
icon: 'none',
});
imglist.push(data.url);
that.setData({
'form.imglist': imglist
});
} else {
wx.showToast({
title: '上传失败',
icon: 'none',
});
}
},
fail: function (err) {
console.log(err)
}
});
}
});
},
免责申明:
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。