使用ajax PHP Vuejs上载文件

大家好，我正在尝试用ajax上传一个文件。我还传递了一个用户名以插入数据库。在以前的表单中，我一直在使用vuejs在提交时运行虚构，而不是使用php实际提交表单。正如我所说，json编码一切，不需要刷新。 这是我的表格，问题是我无法上传文件

    <div id="app">
    <form role="form" onsubmit="return false">
    <div class="form-group">
    <label>Username</label>
    <input type="text" placeholder="Username" v-model="userName" name="userName" class="form-control>
    </div>
    <div class="form-group">
    <label>File</label>
    <input type="file" @change="processVideoFile($event)" id="uploadVideoFile">
    </div>
    </div>
<script>
    var app = new Vue({
      el: '#app',
      data: {
    userName: '',
    uploadVideoFile:''
    methods: {
            processVideoFile: function() {
            this.uploadVideoFile=$('#uploadVideoFile').val();
      },
       addTemplate: function(){
              this.sub=true;
              var jsonString = JSON.stringify({
              uploadVideoFile: this.uploadVideoFile,
              userName: this.userName
            });
           if(this.userName!=''){
                $.ajax({
              url: 'addTemplateBackend.php',
              dataType: 'json',
              type: 'post',
              contentType: 'application/json',
              dataType: 'json',
              data: jsonString,
                error: function(data){
                  alert('error');
                },
              success: function(data){
                console.log(data);
                  alert('success');
              }.bind(this)
            });
          }
          },
        }
      });

</script>

用户名
你有什么问题吗？对不起，我有点头晕。我无法使用vuejs和ajax上传文件
<?php session_start(); ob_start();
require_once('database.php');
  $requestBody = file_get_contents('php://input');
  $requestJSON = json_decode($requestBody);
  $data=json_encode($requestJSON);
  echo $data;
move_uploaded_file($requestJSON->uploadVideoFile, 'www.somesite.com/braiden/braintree/');
?>