Javascript 如何使用jquery在ajax put方法上添加视频文件

Javascript 如何使用jquery在ajax put方法上添加视频文件,javascript,php,jquery,ajax,video,Javascript,Php,Jquery,Ajax,Video,我正在使用laravel 5.4..在我的编辑页面中需要添加一个视频我正在使用ajax功能将数据传递给控制器,一切正常,但我的视频没有正确添加 $('#updateProduct').on('submit', function(e){ e.preventDefault(e); var redirect_url = $(this).find("[name='redirect_url']").val(); var url = $(this).attr('action');

我正在使用laravel 5.4..在我的编辑页面中需要添加一个视频我正在使用ajax功能将数据传递给控制器,一切正常,但我的视频没有正确添加

$('#updateProduct').on('submit', function(e){
    e.preventDefault(e);
    var redirect_url = $(this).find("[name='redirect_url']").val();
    var url = $(this).attr('action');
    var method = $(this).attr('method');
    var video = document.getElementById('videoToUpload').files[0];
    console.log(video);
    var formData = new FormData();
    formData.append("videos", video);
    formData.append('name', $(this).find("[name='name']").val());
    formData.append('description', $(this).find("[name='description']").val());
    console.log(formData);
    $.ajax({
        type: "PATCH",
        url: url,
        dataType: 'JSON',
        data: formData,
        contentType: false,
        processData: false,
        success: function(data){
          console.log(data);
          //window.location.href = redirect_url;
        },
        error: function(jqXHR, textStatus, errorThrown) {
          console.log(JSON.stringify(jqXHR));
          console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
        }
      });

  });
这是我的ajax函数

我的观点是

<form data-toggle="validator" enctype="multipart/form-data" action="{{ route('products.update', $pid) }}" method="put" id="updateProduct" class="bc-from-myfroup">
                {{ csrf_field() }}
                <input value="{{ Auth::user()->id }}" name="seller_id" type="hidden">
                <input value="{{ route('user.products') }}" name="redirect_url" type="hidden">
                <div id="setdetails">
                  <div class="bc-my-from">Edit Product</div>
                  <div class="form-group bc-my-group">
                    <label>Item Name *</label>
                    <input class="form-control bc-form-elem-sign" value="{{ $product->name }}" name="name" type="text" required data-error="Please enter Item Name"> 
                    <div class="help-block with-errors"></div>
                  </div>
                  <div class="form-group bc-my-group">
                    <label>Description</label>
                    <textarea class="form-control bc-form-elem-sign" name="description" type="text">{{ $product->description }}</textarea>
                  </div>
<div class="form-group bc-my-group">
                    <label>Video Upload</label>
                    <div class="input-group image-preview">
                      <input id="videoToUpload" class="form-control image-preview-filename" type="file" accept="video/mp4,video/x-m4v,video/*" name="video"/>
                    </div>
 </div>
</form>
在这里,我只是检查了当我选择视频并点击提交按钮时,它是否会出现…但该消息没有显示…我认为问题是因为这种方法出现的,有人能帮助我如何在ajax put方法中添加视频吗

 public function update(Request $request, $id)
    {
         if (Input::hasFile('videos'))
         {

            return Response::json([
                'message' => 'fd1',
        ], 200);
        }
    }