上传图片 预览图片 uni-app

实现点击上传图片按钮后，自动弹出文件夹选取图片

然后就会发现图片已经上传成功,数据已经获取

实现方法 请看代码（uni-app）

<button type="primary" @click="chooseImg">上传图片</button>
、、、、、、、、
methods: {
			chooseImg(){
				uni.chooseImage({  //chooseImage方法（固定）是专门用来完成图片上传的
					count: 5, //限制图片上传的数量
					success(res){
						console.log(res)
					}
				})
			}
		}

接下来让获取到的数据存于一数组中，然后展示在页面上

<image class="imgArr" v-for="item in imgArr" :src="item"></image>
、、、、、、
//定义一个数组
imgArr:[]
、、、、、、
//将上到的图片复制到这个数组中即可
methods: {
			chooseImg(){
				uni.chooseImage({  //chooseImage方法（固定）是专门用来完成图片上传的
					count: 5, //限制图片上传的数量
					success:res=>{
						this.imgArr = res.tempFilePaths
					}
				})
			}
		}

实现下一个功能：点击某个图片，让单独显示，并且可以左右切换进行预览
第一步，给图片定义一个点击事件，获取到图片数据

<image class="imgArr" v-for="item in imgArr" :src="item" @click="previewImg(item)"></image>
、、、、、
previewImg(current){
		console.log(current)
		}

第二步，已获取到数据 那就让功能实现展示出来，点击图片后单独显示，可左右拖拽查看图片，再次点击后返回页面

previewImg(current){
				uni.previewImage({
				current:current,//这样的话可直接写成current，
				urls:this.imgArr,
				loop:true, //如果想让图片到最后一张后还可滑动，这样做  不支持浏览器和小程序显示
				indicator:"default" //底部出现圆点  不支持浏览器和小程序显示
				})
			}