黔优媒体网-软文媒体自助发稿平台!
  1. 行业资讯
  2. 正文

微信小程序中实现上传视频的开发代码

来源:黔优媒体网   时间:2024-09-19

本篇文章给大家带来的内容是关于微信小程序中实现上传视频的开发代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

其实这个比较简单,官方提供了api接口,基本上直接调用就可以了,话不多说,代码如下

index.wxml

 view >

index.js

Page({
 data: {
 src: #39; #39;
 //选择视频
 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: #39;http://172.16.98.36:8080/upanddown/upload2 #39;,//服务器接口
 method: #39;POST #39;,//这行好像可以不用
 filePath: src,
 header: {
 #39;content-type #39;: #39;multipart/form-data #39;
 name: #39;files #39;,//服务器定义key字段名称
 success: function() {
 console.log( #39;视频上传成功 #39;)
 fail: function() {
 console.log( #39;接口调用失败 #39;)
})

 相关推荐:

微信JSSDK上传图片_javascript技巧

AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)_javascript技巧

以上就是微信小程序中实现上传视频的开发代码的详细内容,更多请关注php中文网其它相关文章!

微信app下载

微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!


【免责申明】黔优媒体网以上展示内容来源于用户自主上传、合作媒体、企业机构或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表黔优媒体网官方立场,请读者仅做参考,本文标题:微信小程序中实现上传视频的开发代码;欢迎转载,转载时请说明出处。若您认为本文侵犯了您的版权信息,或您发现该内容有任何违法/违规的内容,请您立即联系我们及时修正或删除。(邮箱号: kefu@qianu.com)