/Javascript/Express/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 vote124 views1 answer
Express orm
Javascript Express
24 votes118 views4 answers
Npm express
Javascript Express
0 vote111 views2 answers
Accept json data in express
Javascript Express
5 votes108 views1 answer
Twilio sms sending in express
Javascript Express
0 vote124 views1 answer
How to validate express js form
Javascript Express
14 votes120 views1 answer
Express js limit access based on rate
Javascript Express
0 vote120 views1 answer
Mongoose express js post
Javascript Express
8 votes137 views2 answers
PayloadTooLargeError: request entity too large using express json middleware
Javascript Express
2 votes120 views1 answer
What will you write to add the .env file to your express application?
Javascript Express
3 votes127 views1 answer
Using dto in express
Javascript Express