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

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

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

效果图:  

小程序端

  <view class='video' catchtap='chooseVideo'>
    <view>上传视频</view>
    <image class='jia_img' src='/images/jia_img.png'></image>
  </view>
  <button catchtap='uploadvideo'>开始上传</button>

// 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端

<?php

	header("Content-Type:text/html;charset=utf8"); 
	header("Access-Control-Allow-Origin: *"); //解决跨域
	header('Access-Control-Allow-Methods:POST');// 响应类型  
    $link=mysql_connect("localhost","root","root"); 
    mysql_select_db("trxye", $link); //选择数据库
    mysql_query("SET NAMES utf8");//解决中文乱码问题
 header("Content-Type:text/html;charset=utf8");
	if ($_FILES["file"]["error"] > 0)  
	  {  
	  echo "错误: " . $_FILES["file"]["error"] . "<br />";  
	  }  
	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"];  
?>