Grenzdateiformat bei Verwendung begrenzen

In den meisten Fällen fragen bestimmte Websites den Benutzer nach den Informationen in einer Datei. Der Benutzer muss seine Dateien in die Webanwendung hochladen, damit die Daten verarbeitet werden sollen. Wenn der Benutzer jedoch ein nicht kompatibles Dateiformat hochlädt, kann dies dazu führen, dass die gesamte Website oder die Daten falsch verarbeitet werden.

Um dies zu vermeiden, kann der Website -Entwickler einen "Typ" -Limit für den Typ der Dateien einlegen, den der Benutzer hochladen kann. Während Sie solche Formulare und Elemente über HTML erstellen, wobei die Benutzer aufgefordert werden, Dateien einzufügen, muss sichergestellt werden. Dies geschieht leicht durch die “”Tag in HTML.

Begrenzen Sie das Dateiformat mithilfe der Eingabetypdatei

Dateiformate können begrenzt oder eingeschränkt werden, indem die “hinzugefügt werdenEingang"Tag mit dem"Typ”Attribut und Festlegen des Typattributs des Typs gleich“Datei”, Und dann das hinzufügen“akzeptieren”Attribut im selben Tag, um das Dateiformat zu definieren.

Beispiel: Dateien auf verschiedene Formate einschränken

Fügen wir ein einfaches Beispiel hinzu, um den Dateityp in den Eingabefeldern einzuschränken:

Fügen Sie nur HTML -Dateien ein

Nur Bilder einfügen

Fügen Sie nur MP3 -Dateien ein

Fügen Sie nur PDF -Dateien ein

Im obigen Code -Snippet gibt es einfach

Überschriften, um das Dateityp -Format anzugeben, das als Eingabe hinzugefügt werden soll, und nach jeder Überschrift gibt es die Eingabetags mit dem “akzeptieren”Attribut zum Angeben des Dateiformats:

• Im ersten Tag gibt es ".html" Und ".xhtml”Als Dateityp in der“ angegebenakzeptieren"Der Benutzer kann nur auswählen".html" Und ".xhtml”Dateien aus dem System. Tatsächlich werden Dateien mit allen anderen Dateitypen nicht dem Benutzer angezeigt, während Sie aus dem System stöbern.
• In ähnlicher Weise die “Bild/*”Ermöglicht dem Benutzer kein anderes Dateiformat als die Bilder ein.
• “.MP3"Ermöglicht es dem Benutzer, auszuwählen".MP3Nur Audiodateien.
• “.PDFLassen Sie den Benutzer nur PDF -Dateien aus dem System stöbern und fügen Sie nur PDF -Dateien ein.

Dadurch werden die folgenden Ergebnisse angezeigt:

Lassen Sie uns sehen, wie es funktioniert, indem wir eines der erstellten Eingabefelder auswählen:

In der obigen Abbildung haben wir das ausgewähltDatei wählenSchaltfläche ”, die erstellt wurde, indem der Dateityp nur auf PDF beschränkt wird. Dadurch werden nur die pDF -formatierten Dateien aus dem System angezeigt oder durchsucht.

Auf diese Weise werden Dateiformate eingeschränkt, wenn Eingabefelder in HTML erstellt werden.

Abschluss

Das Begrenzung der Dateiformate in HTML erfordert nur das Hinzufügen eines Tags und das Angeben des Dateiformates im Attribut Akzeptieren. Die Dateiformate sind im Attribut Akzeptieren angegeben, wodurch der Benutzer das Surfen und die Auswahl der Dateien nur des definierten Dateiformats beschränkt. Dieser Artikel enthält genügend Informationen, um zu erfahren, wie Sie das Tag verwenden, um das Dateiformat zu begrenzen.