uniapp 上传视频
时间: 2023-08-26 09:06:45 浏览: 284
在Uniapp中,可以使用uni.uploadFile()方法来实现视频上传功能。你可以参考以下代码示例:
```javascript
// 选择视频文件
uni.chooseVideo({
sourceType: ['album', 'camera'], // 从相册或相机选择
maxDuration: 60, // 视频最长拍摄时间,单位秒
camera: 'back', // 使用后置摄像头
success: function(res) {
// 选择成功,开始上传文件
uni.showLoading({ title: '上传中...' });
uni.uploadFile({
url: 'https://your-upload-url.com/upload', // 上传地址
filePath: res.tempFilePath, // 要上传的文件路径
name: 'file', // 上传文件对应的 key 值
success: function(uploadRes) {
// 上传成功处理逻辑
console.log(uploadRes);
uni.showToast({ title: '上传成功' });
},
fail: function(error) {
// 上传失败处理逻辑
console.log(error);
uni.hideLoading();
uni.showToast({ title: '上传失败' });
},
complete: function() {
uni.hideLoading();
}
});
}
});
```
以上代码中,uni.chooseVideo()方法用于选择视频文件,可以从相册或相机中选择。在选择成功后,会调用uni.uploadFile()方法来实现文件上传功能。需要注意的是,你需要替换掉示例中的上传地址,以及根据需求对参数进行适当修改。这样就可以实现在Uniapp中上传视频的功能了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [uniapp-上传图片、上传视频](https://blog.csdn.net/qq_43551801/article/details/123528864)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [uniapp视频、音频上传的方法](https://blog.csdn.net/qq_70703397/article/details/130351635)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文