NULL-Wert in FormData in vue.js

Ich bin ein großes Problem in Vue.js, dass, wenn ich versuche, die Daten von Upload.vue zu meinem Controller in Laravel 5.3 zu senden ich null Werte in esNULL-Wert in FormData in vue.js

Mein Code

ist

Meine .vue Datei:

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

auf Konsole ich erhalte diese:

das ist, wenn ich meine "this.file"

drucken

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

, wenn ich meine Formdata tröste ich dieses

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

nichts auch nur verfügbar ist, wenn ich angehängt ich viel gesucht, aber keine profitiert ich bin mit „vue“: „^ 1.0.26“, "vue-Ressource": "^ 1.0.2"

helfen Sie mir Jungs

Quelle

2017-03-25 Light yagami

Werfen Sie einen Blick auf https://developer.mozilla.org/en-US/docs/Web/API/FormData/get –

, die löst tut mein Fehler Sir –

Eigentlich, wenn ich nur "UID" übergeben ohne formdata, die übergeben, aber nicht die "Datei", so muss ich formdata verwenden, aber es funktioniert nicht –

Verwendung dieses, kann diese Ihnen helfen, ...

npm install axios

oder

bower install axios

dann

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

Quelle

2017-12-11 18:31:31

NULL-Wert in FormData in vue.js

Antwort

Verwandte Themen