/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

5 votes268 views1 answer
React native break line text if too big
Javascript React
0 vote243 views1 answer
How to make a github api using react
Javascript React
0 vote248 views1 answer
Button size react native
Javascript React
0 vote204 views1 answer
React native hide stack navigator title
Javascript React
0 vote212 views1 answer
How to disable RectButton from react-native-gesture-handler
Javascript React
1 vote326 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React
0 vote241 views1 answer
Lite youtube embed react
Javascript React
0 vote225 views1 answer
React js and graphql integration
Javascript React
2 votes229 views1 answer
How to use `setState` callback on react hooks
Javascript React
0 vote236 views1 answer
Custom hook for unique items in react
Javascript React