Window: showSaveFilePicker()-Methode
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die showSaveFilePicker()-Methode der Window-Schnittstelle zeigt einen Dateiauswahldialog an, der es einem Benutzer ermöglicht, eine Datei zu speichern. Dies kann entweder durch die Auswahl einer vorhandenen Datei oder durch Eingabe eines Namens für eine neue Datei geschehen.
Syntax
showSaveFilePicker()
showSaveFilePicker(options)
Parameter
optionsOptional-
Ein Objekt, das Optionen enthält, die wie folgt sind:
excludeAcceptAllOptionOptional-
Ein boolescher Wert, der standardmäßig auf
falsegesetzt ist. Standardmäßig sollte der Auswahldialog eine Option enthalten, um keine Dateitypenfilter anzuwenden (initiiert mit der unten stehenden Typ-Option). Wenn diese Option auftruegesetzt ist, ist diese Option nicht verfügbar. idOptional-
Durch die Angabe einer ID kann der Browser verschiedene Verzeichnisse für unterschiedliche IDs speichern. Wenn die gleiche ID für einen anderen Auswahldialog verwendet wird, öffnet sich der Dialog im gleichen Verzeichnis.
startInOptional-
Ein
FileSystemHandleoder ein bekanntes Verzeichnis ("desktop","documents","downloads","music","pictures"oder"videos") in dem sich das Dialogfenster öffnet. suggestedNameOptional-
Ein
String. Der vorgeschlagene Dateiname. typesOptional-
Ein
Arrayvon erlaubten Dateitypen zum Speichern. Jedes Element ist ein Objekt mit den folgenden Optionen:descriptionOptional-
Eine optionale Beschreibung der Kategorie der zugelassenen Dateitypen. Standardmäßig ein leerer String.
accept-
Ein
Objectmit den Schlüsseln, die auf den MIME-Typ gesetzt sind, und den Werten, die einArrayvon Dateiendungen sind (siehe unten für ein Beispiel).
Rückgabewert
Ein Promise, dessen Fulfillment-Handler ein FileSystemFileHandle-Objekt erhält.
Ausnahmen
AbortErrorDOMException-
Wird ausgelöst, wenn der Benutzer den Dateiauswahldialog schließt, ohne eine Datei auszuwählen oder einzugeben, oder wenn der User Agent ausgewählte Dateien als zu sensibel oder gefährlich einstuft.
SecurityErrorDOMException-
Wird ausgelöst, wenn der Aufruf durch die Same-Origin-Policy blockiert wurde oder nicht durch eine Benutzerinteraktion wie einen Tastendruck erfolgte.
TypeError-
Wird ausgelöst, wenn akzeptierte Typen nicht verarbeitet werden können, was passieren kann, wenn:
- Ein beliebiger Schlüsselstring der
acceptOptionen eines Elements intypeskeine gültige MIME-Type parsen kann. - Ein beliebiger Wertstring der
acceptOptionen eines Elements intypesungültig ist, zum Beispiel, wenn er nicht mit.beginnt und mit.endet, oder wenn er ungültige Zeichen enthält und seine Länge mehr als 16 beträgt. - Die
typesOptionen leer sind und dieexcludeAcceptAllOptionOptionentrueist.
- Ein beliebiger Schlüsselstring der
Sicherheit
Temporäre Benutzeraktivierung ist erforderlich. Der Benutzer muss mit der Seite oder einem UI-Element interagieren, damit diese Funktion funktioniert.
Beispiele
Die folgende Funktion zeigt einen Dateiauswahldialog an, mit hervorgehobenen Textdateien zur Auswahl.
async function getNewFileHandle() {
const opts = {
types: [
{
description: "Text file",
accept: { "text/plain": [".txt"] },
},
],
};
return await window.showSaveFilePicker(opts);
}
Spezifikationen
| Specification |
|---|
| File System Access> # api-showsavefilepicker> |