SELFHTML: HTML / Formulare / Datei-Buttons

SELFHTML/Quickbar HTML Formulare

	Datei-Buttons
	Datei-Buttons definieren

Datei-Buttons definieren

Anzeigebeispiel: So sieht's aus

Datei-Buttons erlauben dem Anwender, eine Datei von seinem lokalen Rechner zusammen mit dem Formular zu übertragen. Wenn ein CGI-Script die ankommenden Formulardaten auf dem Server-Rechner verarbeitet, ist es dadurch möglich, dem Anwender das Uploaden (Hochladen) von Dateien auf den Server-Rechner zu ermöglichen.

Beispiel:

<form action="/cgi-bin/upload.pl" method=post enctype="multipart/form-data">
<p>Senden Sie eine Text- oder HTML-Datei!</p>
<input type=file size=50 maxlength=100000 name="Datei" accept="text/*"><br>
<input type=submit value="Absenden">
</form>

Erläuterung:

Mit <input type=file ...> definieren Sie einen Datei-Button (input = Eingabe, file = Datei). Der WWW-Browser sollte dann ein Eingabefeld anzeigen, das die Eingabe einer Datei (in den meisten Fällen mit Pfadnamen) erlaubt. Rechts daneben sollte der Browser einen Button anzeigen, bei dessen Betätigen ein lokaler Dateiauswahl-Dialog am Bildschirm erscheint. Die Größe des Eingabefeldes (Anzahl Zeichen) können Sie mit size= bestimmen (size = Größe).

Wenn Sie das Attribut maxlength= angeben, sollte der WWW-Browser die dahinter notierte Zahl als maximal erlaubte Dateigröße in Bytes interpretieren (maxlength = maximal length = maximale Länge). Im obigen Beispiel wird auf diese Weise die die Bytezahl auf 100000 Byte begrenzt. Wenn Sie maxlength= weglassen, kann der Anwender beliebig große Dateien senden.

Wenn Sie nur bestimmte Dateitypen zulassen wollen, können Sie mit der Angabe accept= die erlaubten Dateitypen eingrenzen (accept = akzeptieren). Hinter dem Istgleichzeichen können Sie einen Mime-Typ angeben. Dabei ist auch das Wildcardzeichen "*" bei Subtypen erlaubt. Im obigen Beispiel werden alle Textdateien akzeptiert. Dazu gehören reine Textdateien (*.txt), aber auch HTML-Dateien (*.html,*.htm).

Beachten Sie:

Wichtig ist, daß Sie im einleitenden <form>-Tag die Angabe enctype="multipart/form-data" notieren, wenn das Formular einen Dateibutton enthält.

Zu weiterführenden Informationen und Fragen wie Behandlung der ankommenden Daten in CGI-Scripts usw. finden Sie im Internet die Spezifikation RFC 1867 - form based file upload in HTML


weiter:	Versteckte Elemente in Formularen
zurück:	Klick-Buttons

SELFHTML/Quickbar HTML Formulare