微信小程序之----视频上传

1. 选择视频（wx.chooseVideo()的使用方法）

官网链接地址: https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseVideo.html.

2. 上传视频大小限制处理

  if (res.size > 1024 * 1024 * 10) {wx.showToast({title: "上传视频不能超过10M！",icon: 'none',})}

3. 调用 wx.uploadFile()，将本地资源上传到服务器

官网链接地址: https://developers.weixin.qq.com/miniprogram/dev/api/network/upload/wx.uploadFile.html.

4. 保存到数据库

以下是完整代码

//  上传视频
uploadVideo(){var that=thiswx.chooseVideo({sourceType: ['album','camera'],maxDuration: 60,compressed:true,camera: 'back',success(res) {if (res.size > 1024 * 1024 * 10) {wx.showToast({title: "上传视频不能超过10M！",icon: 'none',})return;}else{var duration=res.durationthat.setData({isShowProgress:true})wx.showLoading({title: '上传中...',})wx.uploadFile({url:uploadAudio.uploadAudio,filePath:res.tempFilePath,name: 'file',success(res) {var filePath = JSON.parse(res.data).data[0]var params = {userId:that.data.userId,url:filePath,duration:duration,type:3}postRecording(params).then(res=>{wx.hideLoading()wx.showToast({title: '上传成功',icon: 'success',duration: 2000})that.setData({isShowProgress:false})that.init()})}})}},fail(){this.setData({isShowProgress:false})wx.hideLoading()wx.showToast({title: '上传失败',icon: 'none',duration: 1000})}})
},

微信小程序之----视频上传相关推荐

微信小程序拍照视频上传php,微信小程序-拍照或选择图片并上传文件
微信小程序-拍照或选择图片并上传文件调用拍照API:https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html?t=201612 ...
微信开发上传视频到服务器,微信小程序中实现上传视频的开发代码
微信小程序中实现上传视频的开发代码,视频,接口,上传,代码,服务器微信小程序中实现上传视频的开发代码易采站长站,站长之家为您整理了微信小程序中实现上传视频的开发代码的相关内容. 本篇文章给大家带来 ...
php微信上传视频文件在哪里,微信小程序中实现上传视频的开发代码
本篇文章给大家带来的内容是关于微信小程序中实现上传视频的开发代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 其实这个比较简单,官方提供了API接口,基本上直接调用就可以了,话不多 ...
php微信小程序多图上传,tp5实现微信小程序多图片上传到服务器功能
最近在做一个教育类的小商城的微信小程序,用到了上传多个图片文件到服务器端,这里做一个讲解,希望对大家有所帮助. 1,小程序端: 在wxml文件中: 删除点击上传作业在js文件中: Page({ / ...
uniapp 微信小程序开发图片上传压缩
uniapp 微信小程序开发图片上传压缩安卓上传图片并压缩思路全部代码安卓上传图片并压缩由于后端接口对图片的大小有限制,所以在上传图片是需要压缩处理: uni.chooseImage({c ...
微信小程序之文件上传PHP后台接收
微信小程序之文件上传(word,excel图片等) 微信前台代码 .html  <view class="cont ...
Flask与微信小程序之文件上传与显示
文章目录 Flask与微信小程序之文件上传与显示背景 flask_uploads应用 flask_uploads的使用步骤 1 安装flask-uploads模块 2 在文件夹中导入需要用到的库 3 ...
微信小程序实现录音上传
微信小程序实现录音上传准备开始准备 1.微信开发者工具 2.Api文档开始打开微信开发者工具项目->新建项目选择小程序 appid是在微信公众平台申请的. 链接新建完成后,项目自 ...
微信小程序媒体文件上传到微信服务器
微信小程序媒体文件上传到微信服务器官方给出的事例如下: curl -F media=@test.jpg "https://api.weixin.qq.com/cgi-bin/media/up ...

微信小程序之----视频上传

1. 选择视频（wx.chooseVideo()的使用方法）

2. 上传视频大小限制处理

3. 调用 wx.uploadFile()，将本地资源上传到服务器

4. 保存到数据库

微信小程序之----视频上传相关推荐

最新文章

热门文章

微信小程序之----视频上传

1. 选择视频 （wx.chooseVideo()的使用方法）

2. 上传视频大小限制处理

3. 调用 wx.uploadFile()，将本地资源上传到服务器

4. 保存到数据库

微信小程序之----视频上传相关推荐

最新文章

热门文章

1. 选择视频（wx.chooseVideo()的使用方法）