/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

0 vote155 views1 answer
How to display a calender in react native
Javascript React
0 vote184 views1 answer
Npm react-native-async-storage
Javascript React
0 vote296 views1 answer
Setstate to false after 10 sec react native
Javascript React
0 vote196 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
-1 vote175 views2 answers
What is a react hook
Javascript React
0 vote196 views2 answers
Go back to screen with params react native
Javascript React
4 votes158 views2 answers
React input number
Javascript React
0 vote184 views2 answers
Get selected value on componentdidmount reactjs
Javascript React
0 vote169 views1 answer
Concatenate state with previous state in react redux
Javascript React
0 vote171 views1 answer
Aframe react
Javascript React