微信小程序多张图片上传功能

微信小程序上传图片每次只能上传一张，所有很多朋友就会问想要多张图片上传怎么办？

首先，我们来看一看wx.chooseImage(object)和wx.uploadFile(OBJECT)这两个个api

示例代码是这样的：

这里的示例代码，是选择图片，然后上传选中的图片中的第一个图片；

现在开始写多张图片上传的例子

首先，我们还是要选择图片

然后在app.js中写一个多张图片上传的方法,后面引入，你也可以写在一个JS文件中，后面引入：

多张图片上传的方法写好了，下面就是引用：

<div class="jb51code">
<pre class="brush:js;">
var app=getApp();
Page({
data:{
pics:[]
},choose:function(){//这里是选取图片的方法
var that=this;
wx.chooseImage({
count: 9-pic.length,// 最多可以选择的图片张数，默认9
sizeType: ['original','compressed'],// original 原图，compressed 压缩图，默认二者都有
sourceType: ['album','camera'],// album 从相册选图，camera 使用相机，默认二者都有
success: function(res){
var imgsrc=res.tempFilePaths;
that.setData({
pics:imgsrc
});
},fail: function() {
// fail
},complete: function() {
// complete
}
})

},uploadimg:function(){//这里触发图片上传的方法
var pics=this.data.pics;
app.uploadimg({
url:'https://........',//这里是你图片上传的接口
path:pics//这里是选取的图片的地址数组
});
},onLoad:function(options){

}

})

完结。

为大家推荐现在关注度比较高的微信小程序教程一篇：小编为大家精心整理的，希望喜欢。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!