Heim > Web-Frontend > js-Tutorial > Wie lade ich Dateien in einem neuen Fenster oder Tab mit JavaScript/jQuery herunter?

Wie lade ich Dateien in einem neuen Fenster oder Tab mit JavaScript/jQuery herunter?

Barbara Streisand
Freigeben: 2024-12-29 13:08:19
Original
753 Leute haben es durchsucht

How to Download Files in a New Window or Tab Using JavaScript/jQuery?

Herunterladen von Dateien in einem separaten Fenster/Tab mit JavaScript/jQuery

In bestimmten Szenarien ist es erforderlich, einen Dateidownload manuell zu starten Beeinträchtigung des aktuellen Seiteninhalts. Im Gegensatz zur Verwendung von window.href umfasst dieser Vorgang das Öffnen des Downloads in einem separaten Fenster oder Tab.

Verwendung eines unsichtbaren Iframes:

Um dies zu erreichen, wird ein unsichtbarer < iframe> kann verwendet werden:

<iframe>
Nach dem Login kopieren

Das src-Attribut des <iframe> sollte auf die URL der Datei gesetzt werden. Um Browser zum Herunterladen bestimmter Dateitypen (z. B. HTML oder Text) zu zwingen, weisen Sie der Datei auf dem Server einen unsinnigen MIME-Typ zu, z. B. application/x-please-download-me oder application/octet-stream.

Verwenden eines neuen Tabs/Fensters:

Wenn das Ziel darin besteht, die Datei in einem neuen Tab oder Fenster ohne zu öffnen Beim Herunterladen setzen Sie das Zielattribut eines Linkelements auf _blank:

$('a#someID').attr({target: '_blank', href: 'http://localhost/directory/file.pdf'});
Nach dem Login kopieren

Beim Klicken wird die Datei in einem neuen Tab oder Fenster geöffnet, das der Benutzer bevorzugt.

Das obige ist der detaillierte Inhalt vonWie lade ich Dateien in einem neuen Fenster oder Tab mit JavaScript/jQuery herunter?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage