小程序上传视频怎么弄
时间: 2023-10-01 12:04:26 浏览: 188
小程序上传视频的步骤如下:
1. 在小程序中编写一个上传视频的函数,例如 `_skipArtileList`,通过调用 `wx.chooseMedia` 方法选择视频文件。
2. 在选择成功的回调函数中,获取临时存放的视频资源路径、播放时间、大小、高度和宽度等信息。
3. 校验视频大小是否符合限制,若超出限制则提示用户重新上传,否则执行上传操作。
4. 在上传操作中,调用 `wx.compressVideo` 方法对视频进行压缩,设置压缩质量为高,并获取压缩后的视频大小和临时地址。
5. 调用 `wx.uploadFile` 方法进行视频上传,设置上传地址、上传文件路径、请求头和成功回调函数等参数。
相关问题
微信小程序 上传视频
在微信小程序中上传视频可以通过以下步骤实现:
1. 首先,你需要在小程序中引入相关的插件或组件来支持视频上传功能。你可以通过扫描微信小程序二维码或在小程序中搜索相应的插件进行体验和使用。
2. 在代码中设置上传视频的功能。和上传图片类似,你需要编写相应的代码来实现视频的上传。需要注意的是,由于视频体积较大,每次只能上传一个视频。
3. 通过上述步骤,你可以成功将视频上传到指定的相册。这样,你就可以在小程序中同步展示宝宝的照片和小视频了。
总结:在微信小程序中上传视频的过程和上传图片基本相同,只需要引入插件、设置上传功能并进行相应的代码编写即可。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [仿抖音播放微信小程序1.0](https://download.csdn.net/download/weixin_40966979/85808997)[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_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [微信小程序[第十二篇] -- 上传视频](https://blog.csdn.net/weixin_33795743/article/details/88949716)[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_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
uniapp小程序上传视频
在uniapp小程序中,你可以使用uni.chooseVideo()方法选择要上传的视频,并使用uni.uploadFile()方法将选定的视频上传到服务器。下面是一个示例代码供你参考:
```javascript
// 上传视频
async chooseVideo() {
uni.showLoading({ mask: true, title: '上传中...' })
// 选择要上传的视频
const res = await uni.chooseVideo({
maxDuration: 60, // 拍摄视频最长拍摄时间,单位秒。最长支持 60 秒。
sourceType: ['album'], // 从相册选视频,camera 使用相机拍摄,默认为:['album', 'camera']
});
let uploadFile = res<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影视视频H5小程序APP前后端源码](https://download.csdn.net/download/woaitt617/85010064)[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 ]