/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 vote295 views2 answers
Toastify react not working
Javascript React
1 vote265 views1 answer
Yup only characters regex validation react
Javascript React
13 votes204 views4 answers
React native android build apk
Javascript React
0 vote219 views2 answers
Npm react router 6.0.0-alpha.2
Javascript React
0 vote241 views1 answer
React is not iterable
Javascript React
0 vote258 views1 answer
ERROR TypeError: undefined is not an object (evaluating '_reactNative.Styles.m aincont')
Javascript React
0 vote200 views1 answer
Divide string in lines react native max width
Javascript React
1 vote241 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
4 votes236 views2 answers
How to take 100% width in react native
Javascript React
0 vote217 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React