uni-app-上传图片、图片预览

官方文档

uni.chooseImage(OBJECT)图片上传

uni.previewImage(OBJECT)图片预览

<template>
    <view>
        <button type="primary" @click="upload">上传图片</button>
        <image v-for="item in img_arr" :src="item" @click="preview(item)"></image>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                img_arr: []
            }
        },
        methods: {
            upload() {
                // let this_ = this
                uni.chooseImage({
                    success: res => {
                        this.img_arr = res.tempFilePaths
                        console.log(this.img_arr)
                    }
                })
            },
            preview(current){
                uni.previewImage({
                    current,
                    urls:this.img_arr,
                    indicator:'number',
                    loop:true,
                    success() {
                        console.log("成功")
                    }
                })
            }
        }
    }
</script>

<style>

</style>