方法很简单,uni-file-picker组件回显需要除了url,还要两个参数
<uni-file-picker
v-model="state.FormData.cardBackFile"
@select="upCardBackFile"
@delete="deleteCardBackFile"
limit="1" :image-styles="imageStyles">
<image src="../../static/images/card2.png" mode="aspectFit"
style="width: 498rpx;height: 304rpx;"></image>
</uni-file-picker>
在select事件添加上需要的另外两个参数就好了,里面的值可以随便写,不影响。
e.tempFilePaths[0] // 传给后端存起来
res.data.data // 后端返回地址
let obj = {
name:"111.jpg",
url:res.data.data,
extname:"jpg",
}
state.FormData.cardFrnotFile= obj
当再次进入页面,需要图片回显,方法也一样
state.FormData.cardFrnotFile = {
"name":"111.jpg",
"extname":"jpg",
"url":state.FormData.cardFrnotFile,
}