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

Webdesign-Zusammenfassung

<br />Von der Geburt meiner ersten persönlic...

Webseiten-Erlebnis: Farbabstimmung für Webseiten

<br />Die Farbe einer Webseite ist entscheid...

Eine kurze Erläuterung des Navigationsfensters in Iframe-Webseiten

Eine kurze Erläuterung des Navigationsfensters in...

Detaillierte Einführung in das MySQL-Schlüsselwort Distinct

Einführung in die Verwendung des MySQL-Schlüsselw...

Vue implementiert eine kleine Wettervorhersageanwendung

Dies ist eine Website, die ich nachgeahmt habe, a...

Implementierung von Debugging-Code über den Nginx-Reverse-Proxy

Hintergrund Heutzutage werden die Projekte des Un...

7 nützliche neue TypeScript-Funktionen

Inhaltsverzeichnis 1. Optionale Verkettung 2. Nul...

Zabbix' PSK-Verschlüsselung kombiniert mit zabbix_get-Wert

Seit Zabbix Version 3.0 wird verschlüsselte Kommu...