21-图片的上传和预览

uni.chooseImage(OBJECT)

方法从本地相册选择图片或使用相机拍照。

案例代码：

<template>
    <view>
        <button type="default" @click='chooseImg'>上传图片</button>
        <image v-for='item in imgArr' :src="item" @click='previewImg(item)'></image>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                imgArr:[]
            }
        },
        methods: {
            chooseImg(){
                uni.chooseImage({
                    count:5,//限制上传图片的数量
                    success:res=>{
                        this.imgArr = res.tempFilePaths
                    }
                })
            },
            previewImg(current){
                //console.log(current) 拿到相应的图片路径
                uni.previewImage({
                    current,
                    urls:this.imgArr,
                    loop:true,
                    indicator:'number'
                })
            }
        }
    }
</script>
<style>
</style>

文档地址：https://uniapp.dcloud.io/api/media/image