uni-file-picker 只照片回显
时间: 2023-11-09 18:54:47 浏览: 353
uni-file-picker组件可以实现图片上传功能,并且可以显示之前已上传的图片。在给uni-file-picker组件传入v-model绑定的数据时,可以通过设置img_desc数组来实现图片的回显。在img_desc数组中,每个对象代表一张图片,包含fileID和url两个属性。通过设置url属性的值为图片的链接,就可以实现图片的回显。[2]所以,uni-file-picker可以只显示照片的回显。
相关问题
uni-file-picker只用于照片回显
uni-file-picker组件可以用于照片回显。在给uni-file-picker组件的v-model绑定一个数组时,数组中的每个对象代表一张图片,对象中的url属性指定了图片的地址。通过在v-model绑定的数组中添加对象,可以实现照片的回显。例如,可以使用以下代码实现照片的回显:
```html
<uni-file-picker v-model="img_desc"></uni-file-picker>
```
```javascript
export default {
data() {
return {
img_desc: [
{ fileID: 1, url: 'http://xx.com/0a59c9274b93261a163b29d848bd85ee_20221014181722A003.jpg' },
{ fileID: 2, url: 'http://xx.com/0a59c9274b93261a163b29d848bd85ee_20221014181722A003.jpg' },
{ fileID: 3, url: 'http://xx.com/0a59c9274b93261a163b29d848bd85ee_20221014181722A003.jpg' }
]
}
}
}
```
在上述代码中,img_desc数组中的每个对象代表一张图片,通过设置url属性指定了图片的地址。uni-file-picker组件会根据img_desc数组中的对象来回显照片。
uni-file-picker 照片回显
uni-file-picker组件的照片回显可以通过设置value属性来实现。在引用[1]中的代码示例中,可以看到在回显数据后,将url、name和extname拼接到fileList数组中。这样,fileList数组中的每个元素就包含了图片的地址、名称和类型。然后,将fileList数组绑定到uni-file-picker组件的value属性上,即可实现照片的回显。在引用[2]和引用[3]中的代码示例中,也可以看到类似的实现方式。通过设置img_desc或filePathsList属性,将包含图片信息的数组绑定到uni-file-picker组件的value属性上,即可实现照片的回显。
阅读全文
相关推荐
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231044955.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.png)