/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 votes204 views1 answer
This.setstate is not a function in react native
Javascript React
0 vote216 views3 answers
Place footer at the bottom of the page react
Javascript React
0 vote230 views1 answer
Export socket io connection in react
Javascript React
0 vote236 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
0 vote199 views2 answers
React barcode scanner
Javascript React
0 vote205 views1 answer
Jest mock react router params
Javascript React
4 votes215 views1 answer
UseEffect with axios react
Javascript React
1 vote214 views1 answer
React check if string is mail
Javascript React
1 vote215 views3 answers
React native SafeAreaView
Javascript React
4 votes191 views4 answers
Deploy react app
Javascript React