Загрузить файл с помощью ajax PHP Vuejs

Question

Привет всем, я пытаюсь загрузить файл с помощью 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>

добавить шаблоны бэкэнда

<?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/');
?>