/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

4 votes241 views1 answer
Express case sensitive routing
Javascript Express
0 vote270 views1 answer
Node express dynamic route and error handler
Javascript Express
4 votes240 views1 answer
Node express post request json
Javascript Express
6 votes237 views3 answers
Express urlencoded
Javascript Express
0 vote263 views1 answer
Default error handler express
Javascript Express
0 vote266 views1 answer
Expressjs with mongodb
Javascript Express
0 vote262 views1 answer
Express Router()
Javascript Express
0 vote268 views1 answer
How to use custom stylesheets express node
Javascript Express
0 vote335 views1 answer
How to know if express is intalled
Javascript Express
1 vote246 views1 answer
Ngingx proxy express get real ip
Javascript Express