在 vue.js 中的 FormData 中获取空值答案

【问题标题】：Getting null value in FormData in vue.js在 vue.js 中的 FormData 中获取空值
【发布时间】：2017-08-18 09:14:56
【问题描述】：

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

我的代码是

我的 .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-resource": "^1.0.2"

帮帮我

【问题讨论】：

看看developer.mozilla.org/en-US/docs/Web/API/FormData/get
这确实解决了我的错误先生
实际上，如果我只传递“uid”而不使用传递的formdata而不是“file”，那么我必须使用formdata但它不起作用

标签： javascript laravel vue.js laravel-5.3 vue-resource

【解决方案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)
                  })

【讨论】：