介绍
这篇文章将为大家详细讲解有关小程序中怎样实现上传视频,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
代码如下
索引。wxml
,,,,& lt; view 类=皃age-body-info"比;
,,,,,& lt; block 天气:如果=皗{src ===, & # 39; & # 39;}}“比;
,,,,,,,& lt; view 类=癷mage-plus image-plus-nb", bindtap=癱hooseVideo"比;
,,,,,,,,,& lt; view 类=癷mage-plus-horizontal"祝辞& lt;/view>
,,,,,,,,,& lt; view 类=癷mage-plus-vertical"祝辞& lt;/view>
,,,,,,,& lt;/view>
,,,,,,,& lt; view 类=癷mage-plus-text"在添加视频& lt;/view>
,,,,,& lt;/block>
,,,,,& lt; block 天气:如果=皗{src !=, & # 39; & # 39;}}“比;
,,,,,,,& lt; https://www.yisu.com/zixun/video src=" {{src}} "类="视频">
索引。js
页面({
,,数据:{
,,,src:, & # 39; & # 39;
,,},
,//选择视频
,,chooseVideo:函数(),{
,,,var that =,
,,,wx.chooseVideo ({
,,,,,:成功,函数(res), {
,,,,,,,that.setData ({
,,,,,,,,,src:, res.tempFilePath,
,,,,,,,})
,,,,,}
,,,})
,,},//上才能传视频,目前后台限制最大100,以后如果视频太大可以在选择视频的时候进行压缩
,,uploadvideo:函数(),{
,,,var src =, this.data.src;
,,,wx.uploadFile ({
,,,,,url:, & # 39; http://172.16.98.36:8080 upanddown/upload2& # 39;//服务器接口
,,,,,方法:,& # 39;文章# 39;//这行好像可以不用
,,,,,filePath:, src,
,,,,,头:,{
,,,,,,,& # 39;内容类型# 39;:,& # 39;多部分/格式# 39;
,,,,,},
,,,,,名字:,& # 39;文件# 39;//服务器定义关键字段名称
,,,,,成功:,()函数,{
,,,,,,,console.log(& # 39;视频上传成功& # 39;)
,,,,,},
,,,,,失败:,()函数,{
,,,,,,,console.log(& # 39;接口调用失败& # 39;)
,,,,,}
,,,})
,,}
}) 关于“小程序中怎样实现上传视频”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。
