https://uniapp.dcloud.io/api/media/image
uniapp官方文档
uni.chooseImage(OBJECT)上传图片
uni.previewImage(OBJECT)预览图片
代码如下
<template>
<view>
<button type="default" @click="chooseimage">上传图片</button>
<image v-for="item in imgArr" :src="item" mode="" @click="preimage(item)"></image>
</view>
</template>
<script>
export default{
data(){
return{
imgArr:[]
}
},
methods:{
chooseimage(){
uni.chooseImage({
count:5,
success:res=> {
this.imgArr=res.tempFilePaths
console.log(imgArr)
}
})
console.log("上传成功")
},
preimage(current){
console.log(current),
uni.previewImage({
current:current,
urls:this.imgArr,
loop:true,
indicator:'default'
})
}
}
}
</script>
<style>
</style>
效果展示