Axios経由でLaravelにファイルを送る方法

Question

Axios経由でクライアントからサーバーにファイルを投稿する必要があります。

しかし、それは常にNo It's not a Fileを返します。

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

そしてここでは、送信されたファイルを扱うための私Laravelコードです：ここで

は私Vuejsコードです。

ご協力いただければ幸いです。

Answer 1

FormDataオブジェクトを作成し、イメージファイルを追加する必要があります。

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

例はhereです。

それが動作するかどうかを教えてください。