Пропустить входные данные файла в PHP (Laravel) Использование Javascript (VueJs)

Question

Просто попробуйте передать файл с javascript на PHP с помощью javascript, Ive попробовал следующее, но не собирал файл, который был введен.

Мои Html

<form v-on:submit="submitForm($event)"> 
     <input type="file" id="image" v-el="fileInput"> 
     <button class="btn"> 
      Submit 
     </button> 
    </form> 

Мой JavaScript

methods: { 
     submitForm: function(e) { 
       e.preventDefault(); 

       var formData = new FormData(); 
       formData.append('image', $('#image').files[0]); 

       console.log(formData); 

       this.$http.post('getFiles', formData, function (data, status, request) { 
        console.log('success'); 
       }).error(function (data, status, request) { 
        console.log('error'); 
       }); 
      } 
     } 

И наконец Ошибка

TypeError- Cannot read property '0' of undefined 

Im не 100% уверен, что проблема здесь, но он, похоже, не регистрируется при загрузке файла, любая помощь будет принята

Answer 1

$('#image') собирается вернуть массив.

Таким образом, чтобы заставить его работать, вы можете:

$('#image')[0].files[0] 

Надеется, что это помогает!