/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

2 votes149 views1 answer
Lifecycles if reactjs
Javascript React
0 vote148 views1 answer
How to get domain name in react
Javascript React
0 vote185 views1 answer
Attempted import error: 'useDispatch' is not exported from 'react-redux'
Javascript React
0 vote161 views1 answer
How to run react build locally
Javascript React
0 vote185 views1 answer
ScrollspyNav react
Javascript React
2 votes151 views5 answers
React native debugger
Javascript React
3 votes155 views1 answer
How to call a function in react with arguments onclick
Javascript React
-1 vote160 views1 answer
Use inline and other styles react native
Javascript React
4 votes151 views3 answers
Get params in react router dom v6
Javascript React
0 vote153 views1 answer
How to link to a different component in reactjs without react router
Javascript React