Wozu dient das Feld „enctype“ beim Hochladen von Dateien?

Wozu dient das Feld „enctype“ beim Hochladen von Dateien?
Das enctype-Attribut des FORM-Elements gibt den Kodierungstyp an, der verwendet wird, wenn die Formulardaten an den Server übermittelt werden. Der Standardwert ist „application/x-www-form-urlencoded“.

Diese Kodierungsmethode kodiert den Inhalt URL-kodiert, bevor das Formular gesendet wird. (Leerzeichen werden in „+“ und Sonderzeichen in ASCII-HEX-Werte umgewandelt).

Zum Beispiel im Formularfeld

Füllen Sie bb für Vorname,, aus.

Das Ergebnis vor dem Senden ist: bb+%2C%2C

Diese Kodierung ist jedoch ineffizient, wenn große Textmengen, Text mit Nicht-ASCII-Zeichen oder Binärdaten an einen Server gesendet werden.

Beim Hochladen von Dateien sollte der verwendete Kodierungstyp „multipart/form-data“ sein, mit dem sowohl Textdaten als auch Binärdaten hochgeladen werden können.

Der ENCTYPE-Attributwert des <form>-Formulars auf der Browserseite ist multipart/form-data, was uns sagt, dass die übertragenen Daten das Multimedia-Übertragungsprotokoll verwenden müssen. Da die Multimedia-Übertragung große Datenmengen umfasst, muss die hochgeladene Datei die Post-Methode sein und das Typattribut von <input> muss file sein.

<<:  Beschreiben Sie kurz die Verwendung und Beschreibung des MySQL-Primärschlüssels und des Fremdschlüssels

>>:  Holen Sie sich den berechneten Stil im CSS-Element (nach dem kaskadierenden/finalen Stil).

Artikel empfehlen

Tutorial zu HTML-Formular-Tags (4):

Nehmen Sie nun an, dass Sie dem Formular ein Elem...

HeidiSQL-Tool zum Exportieren und Importieren von MySQL-Daten

Um den Export und Import von Daten in SQL zu erle...

Bild-Tag für HTML-Webseite

Bild-Tag <IMG> einfügen Die farbenfrohen Web...

Eine kurze Erläuterung der Rolle des Parameters docker --privileged=true

Mit etwa Version 0.6 wurde Privileged in Docker e...

Erste Schritte mit SELinux

Bereits zu Kernel 2.6-Zeiten wurde ein neues Sich...

Eine detaillierte Einführung in den Ausführungsmechanismus von JavaScript

Inhaltsverzeichnis 1. Das Konzept von Prozess und...

So verwenden Sie Docker+DevPi zum Erstellen einer lokalen PyPi-Quelle

Vor einiger Zeit musste ich für die Entwicklung h...

Eine kurze Diskussion zum Erstellen eines Clusters in nodejs

Inhaltsverzeichnis Cluster-Cluster Clusterdetails...