uni-file-picker上传视频回显
时间: 2023-11-29 15:43:30 浏览: 144
根据提供的引用内容,uni-file-picker是一个用于上传文件的组件,可以上传图片和其他类型的文件。如果要上传视频并回显,可以按照以下步骤进行操作:
1.在uni-file-picker组件中设置file-mediatype属性为video,以便上传视频文件。
2.在data中定义一个变量video_url,用于存储上传视频的URL。
3.在uni-file-picker组件中设置v-model属性为video_url,以便将上传视频的URL绑定到video_url变量上。
4.在上传视频成功后,将video_url变量的值赋给一个video标签的src属性,以便在页面上显示视频。
相关问题
uni-file-picker回显
对于 uni-file-picker 的回显,您可以按照以下步骤进行操作:
1. 首先,确保您已经使用 uni-file-picker 组件成功选择了文件,并获取到了文件的路径或者其他信息。
2. 接下来,您需要将获取到的文件信息传递给需要进行回显的组件或者页面。
3. 在目标组件或者页面上,可以使用 `<img>` 标签或者其他合适的元素来展示文件的回显。
4. 如果文件是图片类型,您可以通过设置 `<img>` 标签的 `src` 属性为获取到的文件路径来实现图片的回显。例如:`<img src="file_path">`。
5. 如果文件是其他类型(比如文档、音频、视频等),您可以根据文件类型选择合适的组件或者方式进行回显。例如,可以使用 `<a>` 标签来提供文件下载链接。
请注意根据您的具体使用场景和框架来进行相应的调整和实现。以上是一个一般性的回显操作示例,具体实现可能因为您使用的框架或者组件库而有所差异。
uni-file-picker图片不回显
uni-file-picker图片不回显可能是因为图片的回显数据格式不正确。您可以在获取到回显数据后对其进行处理,添加url、name和extname属性,并将其赋值给fileList数组。例如,您可以使用以下代码对回显数据进行处理:
```
this.fileList = this.fileList.map(item => {
item.url = item.webUrl + item.path; // 图片地址
item.name = item.path; // 图片名称
item.extname = this.filterImgType(item.path); // 图片类型名
return item;
})
```
此外,您还可以尝试在uni-file-picker组件外部套一个宽高写死的容器,以确保图片能够正确显示。例如:
```
<view style="width: 400rpx; min-height: 300rpx;">
<uni-file-picker limit="9"></uni-file-picker>
</view>
```
希望以上方法能够帮助您解决uni-file-picker图片不回显的问题。