Question

我在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”

帮助我们

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

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

1 个答案: