微信小程序上传视频前后端源码

微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

效果图:  

小程序端

  
    上传视频
    
  
  开始上传

// pages/center/index.js
const app = getApp()
Page({
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(app.globalData.userInfo)
    this.setData({
      userinfo: app.globalData.userInfo
    })
  },

  //选择视频
  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://localhost/trxyephp/up_video.php',//服务器接口
      method: 'POST',//这句话好像可以不用
      filePath: src,
      header: {
        'content-type': 'multipart/form-data'
      },
      name: 'file',//服务器定义的Key值
      success: function () {
        console.log('视频上传成功')
      },
      fail: function () {
        console.log('接口调用失败')
      }
    })

  },
})

php端

 0)  
	  {  
	  echo "错误: " . $_FILES["file"]["error"] . "
";  
	  }  
	else  
	  {  
    $src = $_FILES["file"]["name"];
			//插入数据到数据库 
	$strsql = "insert into video (src) values('$src')";

			$result = @mysql_query($strsql);
	  }  

	      move_uploaded_file($_FILES["file"]["tmp_name"],  
	      "video/" . $_FILES["file"]["name"]);  
	      echo "/trxyephp/video/" . $_FILES["file"]["name"];  
?>