如何在小程序开发中实现视频上传的功能(可以上传视频的小程序)

本站:VPS评测参考推荐/专注分享VPS主机优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

描述:

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

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

具体代码如下:

index.wxml

ltview class = page -body -info ; gt ltblock wx:if = ;{ { src = = = # 39'} } gt ltview class = 图像-加图像-加-nb ;bindtap = 选择视频 gt ltview class = 图像-加-水平 gt lt/view gt; ltview class = image-plus -vertical ; gt lt/view gt; lt/view gt; ltview class = image-plus -text ; gt添加视频

page({ data:{ src: # 39;'},//选择视频choose video:function(){ var that = this wx。choose video({ success:function(RES){ that . setdata({ src:RES . tempfile path,}}}},//目前上传视频的最大后台限制为100M。以后如果视频太大,可以在选择视频的时候压缩。upload video:function(){ var src = this . data . src;wx . uploadfile({ URL: # 39;http://172 . 16 . 98 . 36:8080/upanddown/upload 2 # 39;,//主机接口方法: # 39;邮政 # 39;,//这句话好像是免费的filePath: src,header:{ # 39;内容-类型 # 39;: '多部分/表单-数据 # 39;},姓名: # 39;文件 # 39;,//主机定义的键值成功:function(){ console . log( # 39;视频上传成功 # 39;)},fail:function(){ console . log( # 39;接口调用失败 # 39;)}}}})相关推荐:《小程序开发教程》是小程序开发中如何实现视频上传功能的详细内容。更多请关注本站其他相关文章!

本文由本站刊发,转载请注明:如何在小程序开发中实现视频上传的功能(可以上传视频的小程序) https://本站.com/81240.html

推荐站内搜索:查ip地址、双线服务器、永久免费虚拟主机空间vps主机、网页备案、网址域名注册信息查询、宽带ip地址查询、国外免费云服务器、免费全能空间申请、pw域名、