/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

-2 votes320 views3 answers
React and express
Javascript Express
35 votes349 views6 answers
Bodyparser express deprecated
Javascript Express
0 vote315 views1 answer
Set up background process in express app
Javascript Express
0 vote286 views1 answer
Nodejs express use streams
Javascript Express
6 votes365 views3 answers
Set headers in express
Javascript Express
0 vote296 views1 answer
Npm express async handler
Javascript Express
24 votes313 views3 answers
Express param in url
Javascript Express
0 vote302 views1 answer
MIME type Error CSS in nodejs Express
Javascript Express
23 votes303 views4 answers
Express rate limit
Javascript Express
10 votes282 views1 answer
View engine setup express
Javascript Express