Javascript 在vue.js中获取FormData中的空值
我在Vue.js中遇到了一个大问题,即当我试图将Upload.Vue中的数据发送到laravel 5.3中的控制器时,其中的值为空 我的代码是 我的.vue文件:Javascript 在vue.js中获取FormData中的空值,javascript,laravel,vue.js,laravel-5.3,vue-resource,Javascript,Laravel,Vue.js,Laravel 5.3,Vue Resource,我在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);
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”的时候
当我控制台我的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”
帮帮我,伙计们,用这个,可以帮你
npm install axios
或
然后
使用这个,愿它能帮助你
npm install axios
或
然后
看一看,它确实解决了我的错误SIR实际上,如果我只传递“uid”,而不使用正在传递的formdata,而不是“文件”,那么我必须使用formdata,但它不起作用看一看,它确实解决了我的错误SIR实际上,如果我只传递“uid”,而不使用正在传递的formdata,而不是“文件”所以我不得不使用formdata,但它不起作用
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)
})