/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

0 vote140 views1 answer
React native app crashing on start
Javascript React
18 votes140 views6 answers
Uselocation react
Javascript React
0 vote142 views1 answer
Log errors react
Javascript React
0 vote176 views1 answer
State creation in class components reactjs interview questions
Javascript React
2 votes133 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
1 vote138 views3 answers
Bash: react-scripts: command not found
Javascript React
0 vote149 views1 answer
Concat two arrays each value react typescript
Javascript React
0 vote132 views1 answer
React native Setting a timer for a long period of time
Javascript React
5 votes145 views4 answers
How to get url in react
Javascript React
1 vote156 views2 answers
React native time range picker
Javascript React