[REACTJS] 웹 API에서 axios.post를 사용하는 방법 다운로드 파일에
REACTJS웹 API에서 axios.post를 사용하는 방법 다운로드 파일에
해결법
-
1.이것은 내가 Axios의를 통해 게시하여 파일 다운로드를 달성 한 방법입니다 :
이것은 내가 Axios의를 통해 게시하여 파일 다운로드를 달성 한 방법입니다 :
Axios.post("YOUR API URI", { // include your additional POSTed data here responseType: "blob" }).then((response) => { let blob = new Blob([response.data], { type: extractContentType(response) }), downloadUrl = window.URL.createObjectURL(blob), filename = "", disposition = response.headers["content-disposition"]; if (disposition && disposition.indexOf("attachment") !== -1) { let filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/, matches = filenameRegex.exec(disposition); if (matches != null && matches[1]) { filename = matches[1].replace(/['"]/g, ""); } } let a = document.createElement("a"); if (typeof a.download === "undefined") { window.location.href = downloadUrl; } else { a.href = downloadUrl; a.download = filename; document.body.appendChild(a); a.click(); } }).catch((error) => { // ... });
from https://stackoverflow.com/questions/41949640/how-to-download-files-using-axios-post-from-webapi by cc-by-sa and MIT license
'REACTJS' 카테고리의 다른 글
[REACTJS] 돌연변이 후 선택을 잃고 (0) | 2020.11.13 |
---|---|
[REACTJS] 어떻게 외부에서 가져 오기 파일에 / 구성 요소에 반응 (0) | 2020.11.13 |
[REACTJS] ComponentDidMount는 여러 번 호출 (0) | 2020.11.13 |
[REACTJS] onbeforeunload 내부에서 작업 구성 요소 반응하지 (0) | 2020.11.13 |
[REACTJS] TSX 컴파일 오류 수입 jsx 파일 (0) | 2020.11.13 |