Datei Upload - ausgewählte Datei wieder löschen

[SB267]

Hallo Leute,

ich bin ganz neu hier im Forum und hoffe es kann mir einer helfen.
Bin auch ein relativer Neuling auf dem Gebiet PHP.

Ich sitze gerade vor einem simplen Datei Upload. Der Upload funktioniert auch ohne Probleme!

Zur Veranschaulichung habe ich ein Bild von dem Upload angehängt.

Wenn der Bewerber jetzt bei allen fünf Dateien jeweils eine Datei auswählt. Steht in allen Feldern der jeweilige Pfad der ausgewählten Datei.

Wenn er sich nun dazu entscheidet z.B. eine Datei von den ausgewählten doch nicht hochladen zu wollen, kann man den Pfad von Hand raus löschen.
Drückt man dann auf bewerben, wird die Datei mit dem gelöschten Pfad aber trotzdem hochgeladen.
Das verstehe ich nicht so recht, der Pfad der hochhzuladenden Datei wurde doch gelöscht?

Gibt es eine Möglichkeit eines löschen Buttons der die ausgewählte Datei so löscht das sie beim Absenden nicht mit hochgeladen wird?

Habe schon das ganze Netz durchsucht aber nichts passendes gefunden.
Mir scheint es so, als wenn man jedesmal das komplette Formular neu laden muss und nochmals alles ausfüllen muss und die nicht gewünschte Datei dann nicht auswählt.

Habe auch leider in der Suche nicht gefunden. Kann mir aber nicht vorstellen das ich der Erste mit diesem Problem bin.

Viele Grüße
Steffen

[chim]

Poste bitte deinen Quellcode dazu

[JaMa]

Du kannst einen Löschen Button einbauen, welcher den Wert des File Input mit JavaScript löscht.

[SB267]

chim Hier der Quelltext für dich!
JaMa das hört sich gut an! Hast du mir dafür vielleicht ein beispiel? Tappe da völlig im Dunkeln!

Danke für die schnelle

Hier der Quelltext für das einlesen:

<tdcolspan="2"><tablewidth="100%"border="1">

<tr>

<tdwidth="13%">Bewerbungsschreiben*</td>

<tdwidth="87%"><inputtype="hidden"name="MAX_FILE_SIZE"

value="2100000"/><label><inputname="userfile[0]"

type="file"class="userfile"

id="txtBewerbungsschreiben"size="57"/>

</label> </td>

</tr>

<tr>

<td>Lebenslauf*</td>

<td><inputtype="hidden"name="MAX_FILE_SIZE"

value="2100000"/><label><inputname="userfile[1]"

type="file"class="userfile"id="txtLebenslauf"

size="57"/>

</label><ahref="Anlagen/Lebenslauf.doc"> Vorlage

Lebenslauf</a></td>

</tr>

<tr>

<td>Zeugnis 1</td>

<td><inputtype="hidden"name="MAX_FILE_SIZE"

value="2100000"/><label><inputname="userfile[2]"

type="file"class="userfile"id="txtZeugnis1"size="57"/>

</label> </td>

</tr>

<tr>

<td>Zeugnis 2</td>

<td><inputtype="hidden"name="MAX_FILE_SIZE"

value="2100000"/><label><inputname="userfile[3]"

type="file"class="userfile"id="txtZeugnis2"size="57"/>

</label> </td>

</tr>

<tr>

<td>Sonstiges</td>

<td><inputtype="hidden"name="MAX_FILE_SIZE"

value="2100000"/><label><inputname="userfile[4]"

type="file"class="userfile"id="txtSonstiges"

size="57"/>

</label> </td>

</tr>

</table></td> 

Und hier der Quelltext zum Überprüfen der Dateien:

* **************************Dateiupload ********************************

*/

// max. Dateigröße in Bytes

// 2097152 = 2MB

$max_byte_size = 2097152;

// Zeitstempel für Dateinamenvergabe festlegen

$DateiZeitstempel = date ( "U" );



if (! empty ( $_FILES )) {

print_r($_FILES); // Anzeige des Array Inhaltes

for($j = 0; $j < count ( $_FILES ['userfile'] ['error'] ); $j ++) {

// Dateigröße überprüfen

if ($_FILES ['userfile'] ['size'] [$j] > $max_byte_size) {

echo "<script type='text/javascript'>alert('Die von Ihnen angegebene Datei "" . $_FILES ['userfile'] ['name'] [$j] . "" ist zu gross! Maximale Groesse pro Datei: 2 MB bzw. 2097152 Bytes.');</script>";

echo "<script type='text/javascript'>history.back();</script>";

}

switch ($_FILES ['userfile'] ['error'] [$j]) {

// Fall 1: Keine Fehlermeldung vorhanden- Dateien werden aus temporärem Verzeichnis in angegebenen Ordner kopiert

case UPLOAD_ERR_OK :

for($i = 0; $i < count ( $_FILES ['userfile'] ['tmp_name'] ); $i ++) {

if (isset ( $_FILES ['userfile'] ['tmp_name'] [$i] ) and ! $_FILES ['userfile'] ['error'] [$i]) {

// Dateiendung ermitteln

$name_array = explode ( '.', $_FILES ['userfile'] ['name'] [$i] );

// Zeiger auf letztes Element in Array setzen

end ( $name_array );

// Schluessel des letzten Elements ermitteln

$d = key ( $name_array );

// Dateiendung

$suffix = $name_array [$d];

// Neuen Dateinamen zusammensetzen

// Da die Schleife mit 0 beginnt, addieren wir für den Dateinamen 1 dazu.

$Nummer = $i + 1;

// Dateiname zusammensetzen

$Dateiname = "Anhang" . $Nummer . "." . $suffix;

$Dateianhang [$i] = "bew_" . $DateiZeitstempel . "_" . $Dateiname;

// Datei verschieben

move_uploaded_file ( $_FILES ['userfile'] ['tmp_name'] [$i], 'D:/uploads/pol/bew/' . $Dateianhang [$i] );

}

}

break;

case UPLOAD_ERR_FORM_SIZE :

case UPLOAD_ERR_INI_SIZE :

echo "<script type='text/javascript'>alert('Die von Ihnen angegebene Datei "" . $_FILES ['userfile'] ['name'] [$j] . "" ist zu gross! Maximale Groesse pro Datei: 2 MB bzw. 2097152 Bytes. XXX');</script>";

echo "<script type='text/javascript'>history.back();</script>";

return;

break;

case UPLOAD_ERR_PARTIAL :

case UPLOAD_ERR_INI_SIZE :

echo "<script type='text/javascript'>alert('Defaultie von Ihnen angegebene Datei "" . $_FILES ['userfile'] ['name'] [$j] . "" konnte nicht geladen werden! Maximale Groesse pro Datei: 2 MB bzw. 2097152 Bytes.');</script>";

echo "<script type='text/javascript'>history.back();</script>";

return;

break;

}

}

}

/**

* **************************Dateiupload ENDE******************************** 

[protestix]

Der Quelltext ist nicht richtig formatiert. Verwende die PHP Code Tags.

Du kannst ein input type="reset" Button nehmen damit dir das Formular insgesamt gelöscht wird oder du fügst hinter jedem Input ein Button ein und löst das mit Javascript für das Element individuell aus. Siehe dazu https://stackoverflow.com/questions/...t?noredirect=1

[JaMa]

Der Quelltext ist nicht richtig formatiert. Verwende die PHP Code Tags.

Du kannst ein input type="reset" Button nehmen damit dir das Formular insgesamt gelöscht wird oder du fügst hinter jedem Input ein Button ein und löst das mit Javascript für das Element individuell aus. Siehe dazu https://stackoverflow.com/questions/...t?noredirect=1

Mit einem Reset Button müsste aber jedes mal das ganze Formular neu ausgefüllt werden. Ich glaube darauf hat niemand so wirklich Lust, nur weil er eine falsche Datei hochgeladen hat


Bzgl. Code Beispiel, habe ich hier einen jQuery Code von mir. Geht aber auch nur mit JavaScript.

$('#fileReset').on('click', function(e){
   var inputField = $('#inputField');
   inputField.wrap('<form>').closest('form').get(0).reset();
   inputField.unwrap();
}); 

Das legt um das ausgewählte Input Feld ein neues Form, resettet dieses und entfernt das Form wieder. Hat den Vorteil, dass das eigentliche Element bestehen bleibt (gerade wegen EventListenern).

Ansonsten kannst du auch den Value null setzen oder das Input Feld aus dem DOM löschen und neu anlegen (durch clonen). Allerdings verhält sich das in diversen Browsern unterschiedlich.

[protestix]

Ist doch genau das was ich geschrieben habe, nur das ich bezüglich javascript auf stackoverflow verwiesen habe.

[JaMa]

Na hoppla, habe ich wohl übersehen, sorry.

[SB267]

Danke euch allen! Hat mir sehr weitergeholfen, habe es nun mit Javascript hinbekommen! Habe wie ihr geschrieben habt das Feld gelöscht!