介绍 wx.chooseImage ({
,成功:函数(res), {
,var tempFilePaths =res.tempFilePaths
,wx.uploadFile ({
,,url: & # 39; http://example.weixin.qq.com/upload& # 39;,,//仅为示例,非真实的接口地址
,,filePath: tempFilePaths [0],
,,名字:& # 39;文件# 39;
formData才能:{
& # 39;才能用户# 39;:,& # 39;测试# 39;
,,},
,,成功:函数(res) {
var 才能;data =res.data//do 才能
,,}
,})
,}
}) wx.chooseImage ({
,成功:函数(res), {
,var tempFilePaths =, res.tempFilePaths;//这里是选好的图片的地址,是一个数组
,
,}
}) ,//多张图片上传
,function uploadimg(数据){
var 才能,=,
我,,=data.i ? data.i: 0,
,,成功=data.success ? data.success: 0,
,,失败=data.fail ? data.fail: 0;
wx.uploadFile({才能
,,,url: data.url,,
,,,filePath: data.path[我],
,,,的名字:& # 39;fileData& # 39;
,,formData:空,
,才能成功:,(职责),=祝辞,{
,,,成功+ +;
,,,console.log(职责)
,,,console.log(我);
,,,//这里可能有错误,失败也会执行这里
,,},
,,,失败:(res),=祝辞,{
,,,失败+ +;
,,,console.log(& # 39;失败:& # 39;+我+“失败:“+失败);
,,},
,才能完成:,(),=祝辞,{
,,,console.log(我);
,,,我+ +;
,,如果(i==data.path.length){,//当图片传完时,停止调用,,,
,,,console.log(& # 39;执行完毕& # 39;);
,,,console.log(& # 39;成功:& # 39;+ +“成功,失败:“+失败);
其他,,}{//若图片还没有传完,则继续调用函数
,,,console.log(我);
,,,data.i=我;
,,,data.success=成功;
,,,data.fail=失败;
,,,that.uploadimg(数据);
,,}
,,,,
,,}
,,});
以前,} var 应用=getApp ();
页面({
,数据:{
图片:[]才能
},
,选择:函数(){//这里是选取图片的方法
var 才能;这=;
wx.chooseImage({才能
,,,数:9-pic.length,,//,最多可以选择的图片张数,默认9
,,,sizeType:[& # 39;原始# 39;,,& # 39;压缩# 39;],,//,original 原图,compressed 压缩图,默认二者都有
,,,sourceType:[& # 39;专辑# 39;,,& # 39;相机# 39;],,//,album 从相册选图,camera 使用相机,默认二者都有
,,,成功:函数(res) {
,,var imgsrc=https://www.yisu.com/zixun/res.tempFilePaths;
that.setData ({
图片:imgsrc
});
},
失败:函数(){//失败
},
完成:函数(){//完成
}
})
},
uploadimg:函数(){//这里触发图片上传的方法
var照片=this.data.pics;
app.uploadimg ({
url: https://.......。//这里是你图片上传的接口
路径://图片这里是选取的图片的地址数组
});
},
onLoad:功能(选项){
}
})
小编给大家分享一下微信小程序怎么实现多张图片上传功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
微信小程序上传图片每次只能上传一张,所有很多朋友就会问想要多张图片上传怎么办?
首先,我们来看一看wx.chooseImage(对象)和wx.uploadFile(对象)这两个个api
示例代码是这样的:
这里的示例代码,是选择图片,然后上传选中的图片中的第一个图片;
现在开始写多张图片上传的例子
首先,我们还是要选择图片
然后在应用。js中写一个多张图片上传的方法,后面引入,你也可以写在一个js文件中,后面引入:
多张图片上传的方法写好了,下面就是引用:
以上是“微信小程序怎么实现多张图片上传功能”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
