vue.jsのFormDataでヌル値を取得する

Question

Vue.jsの大きな問題に直面しています。Upload.vueのデータをlaravel 5.3のコントローラに送信しようとしています。ヌル値を取得しています

私のコードは

マイ.vueファイルです：私は私の "this.file"

を印刷するとき、これは

：コンソール上

this.file = document.getElementById('video').files[0];    
var formData = new FormData(); 
formData.append('video', this.file); 
formData.append('uid', this.uid); 
console.log(this.file); 
console.log(this.uid); 
console.log(formData); 
this.$http.post('/upload',formData,..... 

私はこれを取得しています私は私のFORMDATAを慰めるとき

File 
lastModified:1475310793454 
lastModifiedDate:Sat Oct 01 2016 14:03:13 GMT+0530 (India Standard Time) 
name:"HQim.in.mp4" 
size:20773807 
type:"video/mp4" 
webkitRelativePath:"" 
__proto__:File 

は、私は多くのことを検索付加したがどれも、私は「VUE」を使用しています の恩恵を受けていない場合でも、この

FormData 
__proto__:FormData 
append:append() 
constructor:FormData() 
delete:delete() 
entries:entries() 
forEach:forEach() 
get:get() 
getAll:getAll() 
has:has() 
keys:keys() 
set:set() 
values:values() 
Symbol(Symbol.iterator):() 
Symbol(Symbol.toStringTag):"FormData" 
__proto__:Object 

何も利用できません取得する：「^ 1.0.26」、 "VUE-リソース"：

Answer 1

使用この "^ 1.0.2"

ヘルプ私の男、かもしれないこのヘルプあなた...

npm install axios 

または

bower install axios 

その後、

import axios from 'axios' 


      var datas = new FormData() 

      datas.append('postMessage', this.postMessages) 
      datas.append('postPicture', this.postPicture) 


axios.post('your_url_here', datas , {headers: {'Content-Type': 'multipart/form-data'}}) 
       .then((response) => { 
        //if success 
        console.log(response) 
        }, 
        (response) => { 
        //if error occures 
        console.log(response) 
        })