So senden Sie eine Datei über Axios zu Laravel

Ich post müssen eine Datei vom client zum server über Axios.

Hier ist mein Vuejs code :

methods: {
    'successUpload': function (file) {
        const config = { headers: { 'Content-Type': 'multipart/form-data' } };
        axios.post('/Upload/File',file, config).then(function (response) {
            console.log(response.data);
        });
    }
}

Und hier ist mein Laravel code für die Behandlung gesendete Datei :

public function uploadFile(Request $request)
{
    if($request->hasFile('file'))
      return "It's a File";

    return "No! It's not a File";
}

Aber es gibt immer No It's not a File.

Jedem hilft, wäre Super geschätzt.

Können Sie zeigen, wie, die Sie aufrufen successUpload?
Ich bin mit Dropzonejs zum hochladen von Dateien
Nur ein FYI, aber wenn Sie mit dropzone Sie brauchen nicht zu verwenden axios für den Datei-upload.
Bitte sagen Sie mir, wie? mit url - Attribut ?
Es geht aus dem Geltungsbereich dieser Frage, aber wenn Sie öffnen Sie eine neue ein und geben Sie den code, wo eigentlich initialisieren Dropzone ich gerne helfen.

InformationsquelleAutor Hamed Kamrava | 2017-03-20

Erstellen Sie ein FormData-Objekt, und fügen Sie die image-Datei.

methods: {
  'successUpload': function (file) {

    let data = new FormData();
    data.append('file', document.getElementById('file').files[0]);

    axios.post('/Upload/File',data).then(function (response) {
        console.log(response.data);
    });
  }
}