/Javascript/React/React download file from express res.download

React download file from express res.download

let downloadHandler = (e) =>{
      const fileName = e.target.parentElement.id;
    axios({
        method: 'get',
        url: 'http://localhost:3001/download/'+fileName,
        responseType: 'blob',
        headers: {},
        })
        .then((res) => {
            const url = window.URL.createObjectURL(new Blob([res.data]));
            const link = document.createElement('a');
            link.href = url;
            link.setAttribute('download', fileName);
            document.body.appendChild(link);
            link.click();
        })
        .catch((error) => {
            alert(error);
        })
  }

Source: stackoverflow.com

Similar codes

45 votes321 views4 answers
Can't resolve 'react-router-dom'
Javascript React
0 vote320 views1 answer
Syntax for srcset in react
Javascript React
0 vote311 views1 answer
Make custom draggable in react
Javascript React
-1 vote316 views1 answer
Image component doesn't show image from url react native
Javascript React
3 votes307 views1 answer
React router Link does work
Javascript React
0 vote323 views1 answer
React router nested routes active
Javascript React
1 vote305 views1 answer
Unexpected token export type react bottontab navigation
Javascript React
0 vote319 views1 answer
Enzyme-adapter-react-17
Javascript React
1 vote306 views1 answer
React vscode stop auto close tag
Javascript React
0 vote310 views2 answers
.env file example react native
Javascript React