“Machen Sie eine Datei in React herunterladbar” Code-Antworten

React JS Download -Datei reagieren

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);
  });
Tarik

Download die Datei in React Download

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

Machen Sie eine Datei in React herunterladbar

import React from "react";
import { saveAs } from "file-saver";

export default function App() {
  const saveFile = () => {
    saveAs(
      "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
      "example.pdf"
    );
  };
  return (
    <div>
      <button onClick={saveFile}>download</button>
    </div>
  );
}
Samuel Kinuthia

Ähnliche Antworten wie “Machen Sie eine Datei in React herunterladbar”

Fragen ähnlich wie “Machen Sie eine Datei in React herunterladbar”

Weitere verwandte Antworten zu “Machen Sie eine Datei in React herunterladbar” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen