javascript - 在 vue.js 中获取 FormData 中的 null 值

Question

我在 Vue.js 中面临一个大问题，当我尝试将数据从 Upload.vue 发送到 laravel 5.3 中的 Controller 时，我在其中得到空值

我的代码是

我的 .vue 文件:

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,..... 

在控制台上我得到这个:

这是我打印“this.file”的时候

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

当我控制台我的 formData 时，我得到了这个

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

即使我附加，也没有任何可用的东西，我搜索了很多，但没有受益 我正在使用“vue”:“^1.0.26”， “vue-资源”:“^1.0.2”

大家帮帮我

Answer 1

使用这个，可以帮助你...

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)
                  })