JavaScript（VueJs）を使用して入力ファイルデータをPHP（Laravel）に渡す

Question

javascriptを使用してjavascriptからPHPにファイルを渡そうとしているのですが、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 

私は100％確信していません。ここで問題はありますが、ファイルをアップロードすると登録されているようですが、どんな助けもありがたいです。

Answer 1

$('#image')は配列を返します。だから、

、それはあなたができる仕事を得るために：

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

は、この情報がお役に立てば幸い！