Datei herunterladen statt im browser öffnen

Immer wenn ich in der Web-App auf PDF anzeigen oder Vorschau anzeigen habe, wird die PDF-Datei immer als Datei heruntergeladen. Gibt es eine Möglichkeit, nur im Webbrowser anzuzeigen? Wenn Sie jedoch das Download-Attribut zum Link hinzufügen, wird der Browser aufgefordert, die Datei stattdessen herunterzuladen. Die statische URL.createObjectURL()-Methode ermöglicht das Erstellen einer Objekt-URL, die ein Blobobjekt oder eine Blob-Datei darstellt. Es nimmt ein Blob-Objekt als Argument und gibt eine DOMString zurück, die die URL ist, die das übergebene Blobobjekt darstellt. So sieht es aus: Normalerweise, wenn ein Benutzer zu einer Datei-URL geht (z. B. ein Download-Link), wird die Datei im Browser angezeigt, wenn der Browser sie unterstützt. Bilddateien wie jpg, png, gif etc. werden fast immer im Browser angezeigt. Archivdateien wie zip, tar, gzip usw.

werden immer heruntergeladen. Einige Dateitypen werden in einigen Browsern angezeigt, andere jedoch nicht, je nachdem, ob der Browser die Datei lesen kann oder nicht. Beispielsweise versucht Internet Explorer (IE) in der Regel, Microsoft Word-Dateien (Doc und Docx) im Browser anzuzeigen, während die meisten anderen Browser sie herunterladen. Google Chrome hat einen eigenen PDF-Konverter und wird versuchen, eine PDF-Datei zu konvertieren und im Browser zu rendern. (Um Internet Explorer das Öffnen und Anzeigen von PDF-Dateien im Browserfenster von Internet Explorer zu ermöglichen, aktivieren Sie das Adobe PDF Reader-Plug-In (oder die Erweiterung für Ihren PDF-Reader, wenn Sie etwas anderes als Adobe Reader installiert haben).) Microsoft Edge lädt standardmäßig keine PDF-Dateien herunter, und diese Einstellung kann nicht geändert werden. Edge gibt Ihnen jedoch die Möglichkeit, eine PDF-Datei zu speichern, nachdem sie im Browser geöffnet wurde. In HTML 5 wurde dem Ankerelement ein neues Downloadattribut hinzugefügt. Das Download-Attribut wird verwendet, um den Browser zu informieren, die URL herunterzuladen, anstatt zu ihr zu navigieren – daher wird eine Eingabeaufforderung angezeigt, in der der Benutzer aufgefordert wird, die Datei zu speichern. Bisher haben wir uns angeschaut, wie wir Dateien herunterladen können, die von einem Server bereitgestellt und über HTTP an den Client gesendet werden – was so ziemlich der traditionelle Flow ist. Wir haben auch gesehen, wie wir Programmgesteuert Inhalte im Browser mithilfe von Web-APIs extrahieren oder generieren können. In den meisten Browsern wird die Datei durch Klicken auf den Link direkt im Browser geöffnet.

Die Standardaktion öffnet das Dokument entweder im gleichen Browserfenster oder in einer neuen Registerkarte/einem neuen Fenster mithilfe der üblichen Zielmethoden: Dieses Markup ist einfacher zu verstehen und wird von allen modernen Browsern unterstützt, wird aber möglicherweise nicht von allen Content-Management-Systemen unterstützt. Versuchen Sie link.target = „_blank“; Dies öffnet die Datei in neuem Tab und link.download wird es zum Download zwingen. Leider für mobile Benutzer, die folgenden mobilen Browser: iOS Safari, Opera Mini und IE Mobile. Dies ist eine für jeden Webbrowser spezifische Einstellung, die an die Benutzereinstellungen angepasst werden kann. Dem Downloadattribut kann ein gültiger Dateiname als Wert gegeben werden. Der Benutzer kann jedoch weiterhin den Dateinamen in der Speicheraufforderung ändern, die angezeigt wird.