Axios를 통해 Laravel로 파일을 보내는 방법

Axios를 통해 Laravel로 파일을 보내는 방법

Axios를 통해 클라이언트에서 서버로 파일을 게시해야 합니다.

Vuejs 코드는 다음과 같습니다.

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

그리고 여기 보낸 파일을 처리하기 위한 내 Larabel 코드가 있습니다.

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

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

하지만 그것은 항상 돌아온다.No It's not a File.

어떤 도움이라도 주시면 감사하겠습니다.

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

여기 예가 있습니다.

그게 효과가 있으면 알려주세요.

언급URL : https://stackoverflow.com/questions/42907747/how-to-send-a-file-via-axios-to-laravel