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

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

爱吃栗子的姑娘

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

阅读量1.2k

点赞数 1

分类专栏： vue 文章标签：微信上传多张图片调用相机或相册 vue 兼容ios和android

本文链接：https://blog.csdn.net/sinat_15110721/article/details/83305440

版权

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

摘要由CSDN通过智能技术生成

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, // 必填，生成签名的时间戳