/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

22 votes337 views3 answers
How to use if else inside jsx in react
Javascript React
6 votes325 views2 answers
React native spinkit
Javascript React
0 vote432 views1 answer
Change theme in react-toastify
Javascript React
0 vote305 views1 answer
TextField input font color React Material UI
Javascript React
0 vote303 views1 answer
Semantic UI react focus on input
Javascript React
17 votes321 views3 answers
Reducer react
Javascript React
-2 votes343 views1 answer
Setting up a React Environment
Javascript React
9 votes322 views3 answers
React import font awesome
Javascript React
0 vote309 views2 answers
A function whose declared type is neither 'void' nor 'any' must return a value.
Javascript React
2 votes297 views1 answer
React-native-reanimated npm
Javascript React