傳遞輸入文件數據到PHP（Laravel）使用JavaScript（VueJs）

很簡單，即時通訊嘗試從javascript傳遞文件到PHP使用JavaScript，我試過以下，但它沒有拿起輸入的文件。傳遞輸入文件數據到PHP（Laravel）使用JavaScript（VueJs）

我的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％確定什麼是這裏的問題，但它似乎沒有註冊當我上傳一個文件，任何幫助，將不勝感激

來源

2016-10-31 Kenziiee Flavius

$('#image')要返回一個數組。

因此，要得到它的工作，您可以：

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

希望這有助於！

來源

2016-10-31 12:48:33

修復了錯誤！但現在怎麼沒有數據被傳遞仍然當我上傳.PNG文件沒有數據正在返回時，我console.log它呢？ –

@KenziieeFlavius我很高興能幫到你！如果這確定了錯誤，請您將答案標記爲已接受。至於你沒有數據正在返回的問題，有太多可能的答案，它超出了這個問題的範圍，但是，如果你發佈一個新的問題，我很樂意提供幫助。 –

當我得到更多的時間生病把它作爲一個新的問題，然後將它鏈接到它，如果這沒關係 –

傳遞輸入文件數據到PHP（Laravel）使用JavaScript（VueJs）

回答

相關問題