HTML-Eingabedatei-Auswahlereignis wird nicht ausgelöst, wenn dieselbe Datei ausgewählt wird

Gibt es eine chance, zu erkennen, jede Datei, die Auswahl der Benutzer für eine HTML - input Typ file element?

Diese wurde schon oft gefragt, aber die in der Regel vorgeschlagen onchange - Ereignis nicht ausgelöst, wenn der Benutzer wählen Sie die gleiche Datei erneut.

Kommentar zu dem Problem
Würde dein code dann auch feuern, wenn der Nutzer auf Abbrechen dann? Man erwartet, dass klicken auf Abbrechen wird nichts tun, und ich denke, die meisten Benutzer würde erwarten, dass die erneute Auswahl der gleichen Datei hätte den gleichen Effekt, wie Abbrechen. Ich weiß nicht, ob dies möglich ist oder nicht, aber ich schlage vor, Sie überdenken, das design sowieso. Kommentarautor: KRyan
Sie auf Abbrechen, sollte es nicht Feuer zu machen oder anderweitig nachweisbar sind. Es ist mehr gemeint zum entfernen eines UI-ceveat: Wenn eine Aktion aufgerufen wird, nachdem die Datei gewählt, wird der Benutzer in der Regel erwarten, dass die Aktion zu wiederholen, wenn er sich die Datei wieder. Kommentarautor: dronus
Vielleicht können wir dieses Verhalten, wenn wir die inputs Wert ", wenn etwas mit der Datei. Aber das wäre zu entfernen, die sichtbar mit dem Namen auch. Aber, dass kann ok sein, wie die Datei tatsächlich verarbeitet und das Ergebnis dieser Aktion kann scheinen woanders. Kommentarautor: dronus
Plz Erklären, Que, Was Sie tun möchten? Kommentarautor: Champ
Verwandte: die Erfassung der in der Nähe der open-file-dialog mit JavaScript Kommentarautor: Bergi

InformationsquelleAutor der Frage dronus | 2012-08-19

  1. 193

    Den Wert der input zu null auf jeden onclick Veranstaltung. Damit setzt die input's Wert und lösen die onchange Ereignis, auch wenn Sie den gleichen Pfad ausgewählt.

    input.onclick = function () {
    this.value = null;
};

input.onchange = function () {
    alert(this.value);
};​

    Hier ein DEMO.

    Hinweis: Es ist normal, wenn Sie Ihre Datei mit dem Präfix 'C:\fakepath\'. Das ist eine Sicherheitsfunktion, die verhindert JavaScript aus dem wissen, dass die Datei den absoluten Pfad. Der browser weiß es innerlich.

    InformationsquelleAutor der Antwort Brian Ustas

  2. 17
    <form enctype='multipart/form-data'>
    <input onchange="alert(this.value); this.value=null; return false;" type='file'>
    <br>
    <input type='submit' value='Upload'>
</form>

    this.value=null; ist nur notwendig für Chrome, Firefox funktioniert nur mit return false;

    Hier ist ein FIDDLE

    InformationsquelleAutor der Antwort elshnkhll

  3. 4

    In diesem Artikel, unter dem Titel "die Verwendung von Formular-Eingabe für die Auswahl der"

    http://www.html5rocks.com/en/tutorials/file/dndfiles/

    <input type="file" id="files" name="files[]" multiple />

<script>
function handleFileSelect(evt) {

    var files = evt.target.files; //FileList object

    //files is a FileList of File objects. List some properties.
    var output = [];
    for (var i = 0, f; f = files[i]; i++) {
     //Code to execute for every file selected
    }
    //Code to execute after that

}

document.getElementById('files').addEventListener('change', 
                                                  handleFileSelect, 
                                                  false);
</script>

    Es fügt einen Ereignis-listener auf "ändern", aber getestet habe ich es und es löst sogar, wenn Sie die gleiche Datei, und nicht, wenn Sie Abbrechen.

    InformationsquelleAutor der Antwort Xacur Aphrantus

Schreibe einen Kommentar