/Javascript/React/React js download file

React js download file

fetch('https://cors-anywhere.herokuapp.com/' + fileURL, {
    method: 'GET',
    headers: {
      'Content-Type': 'application/pdf',
    },
  })
  .then((response) => response.blob())
  .then((blob) => {
    // Create blob link to download
    const url = window.URL.createObjectURL(
      new Blob([blob]),
    );
    const link = document.createElement('a');
    link.href = url;
    link.setAttribute(
      'download',
      `FileName.pdf`,
    );

    // Append to html link element page
    document.body.appendChild(link);

    // Start download
    link.click();

    // Clean up and remove the link
    link.parentNode.removeChild(link);
  });

Source: stackoverflow.com

Download file in react

var fileDownload = require('js-file-download');
fileDownload(data, 'filename.csv');

Source: npmjs.com

Similar codes

1 vote352 views1 answer
Import library react js
Javascript React
0 vote334 views1 answer
React bootstrap make col disapear in small screens
Javascript React
36 votes306 views2 answers
Ref hook in react
Javascript React
1 vote350 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React
7 votes316 views2 answers
Br in react native
Javascript React
-2 votes336 views1 answer
React Pagination
Javascript React
1 vote383 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
3 votes371 views2 answers
How to know the current route in react class component
Javascript React
0 vote332 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
2 votes348 views2 answers
React native settimeout
Javascript React