小程序开发怎么实现视频上传功能(上传视频的小程序有哪些)

网友投稿 983 2022-10-01

小程序开发怎么实现视频上传功能(上传视频的小程序有哪些)

小程序开发怎么实现视频上传功能(上传视频的小程序有哪些)

程序员必备接口测试调试工具:立即使用Apipost = Postman + Swagger + Mock + Jmeter Api设计、调试、文档、自动化测试工具 后端、前端、测试,同时在线协作,内容实时同步

说明:

由于官方提供了API,所以我们直接调用就可以实现了。

(学习视频分享:编程视频)

具体代码如下:

index.wxml

添加视频 -

index.js

Page({ data: { src: '' }, //选择视频 chooseVideo: function() { var that = this wx.chooseVideo({ success: function(res) { that.setData({ src: res.tempFilePath, }) } }) }, //上传视频 目前后台限制最大100M,以后如果视频太大可以在选择视频的时候进行压缩 uploadvideo: function() { var src = this.data.src; wx.uploadFile({ url: 'http://172.16.98.36:8080/upanddown/upload2',//服务器接口 method: 'POST',//这句话好像可以不用 filePath: src, header: { 'content-type': 'multipart/form-data' }, name: 'files',//服务器定义的Key值 success: function() { console.log('视频上传成功') }, fail: function() { console.log('接口调用失败') } }) }})-

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:5条提升学习效率的法则
下一篇:使用小程序canvas写一个简单的图片应用(js下载canvas图片)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~