uniapp——19.上传图片和预览图片

m0_48261292

于 2024-11-07 09:30:30 发布

阅读量512

点赞数 5

CC 4.0 BY-SA版权

文章标签： uni-app

本文链接：https://blog.csdn.net/m0_48261292/article/details/143585644

上传图片

uni.chooseImage(OBJECT)

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

<button @click="put" type="warn">上传图片</button>
<image v-for="img in imgArr" :src="img"></image>   
//:是动态绑定，否则显示不到页面。就是v-bind

put(){
                uni.chooseImage({
                    count:5,
                    success:res => {
                        // console.log(res)
                        this.imgArr = res.tempFilePaths
                    }
                })
            }

图片预览

uni.previewImage(OBJECT)

预览图片。

<button @click="put" type="warn">上传图片</button>
    <image v-for="img in imgArr" :src="img" @click="yl(img)"></image>


yl(img){
                uni.previewImage({
                    current:img,
                    urls:this.imgArr
                })
            }
//最重要的两个参数。current预览的当前图片。  urls：上传的图片组。