首先我们在js 的data动态数据中声明一个图片路径变量用于展示
data{
imageurl: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.pconline.com.cn%2Fimages%2Fproduct%2F5850%2F585069%2Fx.jpg&refer=http%3A%2F%2Fimg.pconline.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632119691&t=f4b0afde298e4188c6cb3b1712bf65c9'
}
然后我们在页面上写一个图片标签
<image catch:tap = "uploadFile" src='{{ imageurl }}' />
然后我们就能看到简单的图片效果
在编写标签上的这个点击事件
叫uploadFile
uploadFile: function(){
wx.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success:(res) => {
this.setData({
imageurl: res.tempFilePaths
})
}
})
},
res中就含有用户上传的图片信息