使用ajax上传视频

时间:2015-03-01 13:48:46

标签: jquery ajax

要使用ajax的功能上传视频,我需要在ajax函数的数据字段中放置什么?

<input type='file' accept='video/*' /> 
<button type="submit" class="btn btn-default" id='uploadmatch'>upload</button>

$('#uploadmatch').click(function(event) {
                event.preventDefault();
                $.ajax( {
                    url : 'http://localhost:8081/Football/UploadMatch',
                    type : 'POST'
                    data : {}
                })
                  .done(function(message) {

                  });
});

1 个答案:

答案 0 :(得分:1)

您可以使用FormData发送您的数据,如图片,视频或任何其他文件,并在服务器中使用$_FILES来访问您的文件。

在以下代码中movieFormData是我的表单ID

function movieMaker(){    
  var form = new FormData($('#movieFormData')[0]);  
  // Make the ajax call
  $.ajax({
      url: 'ajaxcontrol/movieMaker.php',
      type: 'POST',   
      success: function (res) {
         // your code after succes
      },      
      data: form,                
      cache: false,
      contentType: false,
      processData: false
  });  

}

通过执行此操作,form标记中的内容(例如input type='file'中的数据将在服务器中可用,您可以保存视频或执行您想要执行的操作

并确保为您的输入命名,以便您可以通过;

访问它
$file = $_FILES["youInputName"];