/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 vote253 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
0 vote271 views1 answer
Outline none react native web
Javascript React
1 vote255 views1 answer
How to run an existing react project
Javascript React
21 votes251 views6 answers
React native vector icons
Javascript React
0 vote254 views1 answer
How to use mdbreact in react js
Javascript React
4 votes253 views2 answers
React materilize
Javascript React
8 votes281 views2 answers
Set value as object in react hooks
Javascript React
0 vote272 views1 answer
React Alert when rate changes
Javascript React
0 vote296 views1 answer
React faq
Javascript React
9 votes266 views6 answers
React Component
Javascript React