/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 vote195 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React
0 vote189 views1 answer
React hook form password validation uppercase
Javascript React
13 votes187 views4 answers
React native elevation
Javascript React
16 votes196 views4 answers
Uuid react
Javascript React
0 vote222 views1 answer
Chromepicker react-color not working
Javascript React
0 vote191 views1 answer
Get nested value on object react using dot
Javascript React
0 vote233 views1 answer
React native firebase login with facebook
Javascript React
1 vote189 views1 answer
React native environment variables
Javascript React
4 votes185 views1 answer
__WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function
Javascript React
7 votes206 views1 answer
Firebase react js
Javascript React