Löschen der Dateieingabe

Unten ist ein Teil des Jquery-Codes, den ich habe, der die Dateieingabe und eine "Clear File" Schaltfläche anzeigt.

var $imagefile = $('<input />').attr({
    type: 'file',
    name: 'imageFile',
    class: 'imageFile'
});

$image.append($imagefile);

var $imageclear = $('<input />').attr({
    type: 'button',
    name: 'imageClear',
    class: 'imageClear',
    value: 'Clear File'
});

$image.append($imageclear);

Der Grund, warum ich die Schaltfläche "Clear File" habe, ist, dass, wenn Sie auf die Schaltfläche klicken, alles, was in der Dateieingabe ist, gelöscht wird. Wie kann ich es so programmieren, dass es tatsächlich die Dateieingabe löscht, wenn ich auf die Schaltfläche "Datei löschen" klicke?

yceruto
Bearbeitete Frage 29. November 2016 в 7:39
Programmierung
jquery
8. März 2012 в 12:33
noch keine Aufrufe
Lösung

Das sollte funktionieren:

$imageClear.on('click', function() { 
    $imageFile.val(''); 
});
yceruto
Bearbeitete Antwort 29. November 2016 в 7:40
Kommentare (5)

Dies ist die Methode, die ich auch gerne verwende, aber ich glaube, Sie müssen den Parameter bool true zur Klon-Methode hinzufügen, damit alle Ereignisse mit dem neuen Objekt verbunden bleiben, und Sie müssen den Inhalt löschen.

    var input = $("#fileInput");

    function clearInput() {
        input = input.val('').clone(true);
    };

https://api.jquery.com/clone/

meditari
Bearbeitete Antwort 3. Februar 2016 в 8:28
Kommentare (0)

Dies wirkt sich aus auf

 $("#yourINPUTfile").val("");
Kommentare (0)