uniapp 选择视频上传
时间: 2023-09-30 07:04:43 浏览: 280
uniapp 图片 视频上传
在uniapp中选择视频上传,可以使用uni-app官方提供的uni.uploadFile()方法实现。具体步骤如下:
1. 在<template>中添加一个按钮,用于触发选择视频的操作:
```
<button @click="chooseVideo">选择视频</button>
```
2. 在<script>中定义chooseVideo方法,调用uni.chooseVideo()方法选择视频:
```
methods: {
chooseVideo() {
uni.chooseVideo({
sourceType: ['album', 'camera'], // 视频来源,可选相册和相机
compressed: true, // 是否压缩视频
success: (res) => {
console.log(res.tempFilePath) // 输出选择的视频文件路径
// 调用上传视频方法
this.uploadVideo(res.tempFilePath)
}
})
},
uploadVideo(filePath) {
uni.uploadFile({
url: 'https://your_upload_url.com', // 上传视频的接口地址
filePath: filePath,
name: 'file',
formData: {
// 可以在这里添加额外的参数
user_id: '123456'
},
success: (res) => {
console.log(res.data) // 输出上传视频的返回结果
}
})
}
}
```
3. 在uploadVideo方法中,调用uni.uploadFile()方法上传视频。其中,url参数为上传视频的接口地址,filePath参数为选择的视频文件路径,name参数为上传时的文件名称,formData参数为需要额外上传的表单数据。
以上就是在uniapp中选择视频上传的基本步骤,你可以根据自己的需求进行修改和扩展。
阅读全文