微信上传多张图片（ios和安卓兼容）

最新推荐文章于 2021-03-08 22:29:54 发布

原创

最新推荐文章于 2021-03-08 22:29:54 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信上传多张图片 #调用相机或相册 #vue #兼容ios和android

该博客详细介绍了如何实现微信中最多上传3张图片的功能，并确保在iOS和Android设备上的兼容性。通过调用相机或相册，获取serverId，最后将这些信息传递给后台以便下载并保存到本地服务器。

1.最多上传3张图片
2.ios和安卓兼容
3.最终将获取到的serverId传给后台，后台从微信端下载保存到本地服务器

<div class="img">
        <div v-for="(item,index) in datas" class="sasa">
         	<img :src="item" alt="">
       	</div>
 </div>
<span class="ups icon-untitled44" @click="up()" v-show="length<3">



data(){
	return{
		datas:[],
		mediaIdArray:[],//获取到的所有serverid
		length:'',//已上传图片的个数
		localIds:'',//通过locallds将图片显示在页面上
		serverId:'',//返回的图片的serverid
		
	}
}

**

## methods方法：

**
up() {
  this.$http
    .get("//此处需要写接口来获取公众号的一些信息"))
    .then(
      response => {
        var json = eval("(" + response.body + ")");//获取到的信息
        wx.config({
          debug: false,
          appId: json.AppId, // 必填，公众号的唯一标识
          timestamp: json.TimeStamp, // 必填，生成签名的时间戳
          nonceStr: json.NonceStr, // 必填，生成签名的随机串
          signature: json.Signature, // 必填，签名，见附录1
          jsApiList: [
            "chooseImage",
            "previewImage",
            "uploa