HTML input type="file" in Google Chrome nicht angezeigt popup-Fenster

Ich habe ein problem mit dem HTML-tag <input type="file" /> im Google Chrome.

Den button 'Durchsuchen' auf der Seite erscheint, wie erwartet, aber wenn ich darauf klicken, um eine Datei auszuwählen, die pop-up-dialog-Fenster vom browser nicht öffnen.

Ich 've getestet, meine form und in Firefox und funktioniert korrekt. Irgendwelche Ideen, was falsch ist und wie ich es beheben kann ?

Ist auch hier der code:

<form action="" method="post" accept-charset="utf-8" enctype="multipart/form-data">
<label for="imgfile">File input</label>
<input type="file" name="imgfile" />
  • Eingang in <form> tag
  • Ich kann nicht replizieren diese auf die neueste version von Chrome: jsfiddle.net/j43C3
  • Das sollte keinen Unterschied machen. Das Dialogfeld sollte angezeigt werden, unabhängig von der Anwesenheit von form-tag
  • Ich glaube, Ihre Antwort ist hier: stackoverflow.com/questions/5260747/...
  • Auch wenn das Problem mit dem anklicken des label element, um das Dialogfeld angezeigt werden, dies funktioniert in Chrome, wenn Sie ändern name zu id auf die input element: jsfiddle.net/j43C3/1.
  • Funktioniert bei mir in Jsfiddle.
  • Donnelly: weder in dem link, den Sie gab, öffnet! Ist das eine Art von Einstellung, die ich zu tun haben, in Chrome?
  • klingt wie es könnte einige plugins sich mit dem element.
  • Fenster->Erweiterungen alle Erweiterungen, die Sie geladen haben.
  • Die einzigen plugins, die ich habe sind: colorzilla und skype. Ich habe zu deaktivieren, obwohl und testen Sie es erneut, aber dasselbe Ergebnis.

InformationsquelleAutor ltdev | 2014-03-07
  1. 5

    Gibt es keinen Grund, dass dies nicht funktionieren sollte, in Chrom. Haben Sie versucht, die kopieren NUR den mark-up in dem Beispiel, das Sie gegeben haben, uns in eine HTML-Datei, und öffnen das? Funktioniert es? Es sollte, es sei denn, es gibt einige Drittanbieter-plugin oder Erweiterung zu stoppen.

    Kann es sein, dass Sie haben, markieren anderswo das Problem verursacht, vielleicht eine Ebene über das Eingabefeld Fang das click-Ereignis, bevor Sie es machen kann es den Weg nach unten, um die Schaltfläche "durchsuchen"?

    • Es scheint, dass ein plugin (Colorzila), die ich auf Chrome installiert hatte, war zu stoppen. Ich habe es deaktiviert, starten Sie den Chrome und arbeitete schließlich.
    • Gut zu wissen! Ich ' ll halten Sie ein Auge für, dass in der Zukunft. Vielen Dank für die Fütterung zurück.
    • Das gleiche problem ist mir passiert. Ich deaktiviert alle meine plugins, chrome neu gestartet und es funktionierte wieder. Allerdings, wenn ich re-aktiviert alle meine plugins und chrome neu gestartet, es war immer noch arbeiten. Sehr seltsam!
    • Eine gute Möglichkeit zu testen, welches plugin/plugins Ursache ist, deaktivieren Sie ein zu einer Zeit, jedes mal und testen Sie es. Immer noch sehr seltsam, aber, da im firefox noch nicht aufgetreten, dies (noch) nicht.
    • in meinem Fall war ich der Stornierung der click-Ereignisse für ein popup-Menü, also ich hatte zu ändern, um e-check.Ziel.Typ !== 'Datei'
    InformationsquelleAutor Philip Bennison
  2. 8

    In meinem Fall war das problem wie folgt :

    1. Ganze Dokument hatte ein "on click-handler"

    2. Innen auf hander, der code wurde Cancelling-alle Vermehrung mit

      return false;

    Entfernen dieser return-Anweisung gelöst problem mit input=file.

    • Bingo. Danke.
    • Mein problem war ähnlich, außer, es war ein Fall von Veranstaltung.preventDefault() aufgerufen wird. Es scheint das click-Ereignis überträgt, um alle event-Handler, und dann die Standard-Aktion passiert, wenn es nicht verhindert. Ich hatte fälschlicherweise angenommen, dass das Kind die Standard-Aktion stattfinden würde, bevor der Fall an die Eltern.
    InformationsquelleAutor Mitja Gustin
  3. 3

    Könnte es zwei Gründe für die input type file nicht arbeiten.

    1. Der Datei-Typ Eingang ist gestaltet wie visibility: hidden. Zum ausblenden der input verwenden opacity:0.
    2. Kann es sein click-Ereignis auf Dokument-oder übergeordneten element widerstehen klicken Sie auf input-tag.
    InformationsquelleAutor Shahrukh Azeem
  4. 0

    Hoffe es hilft jemand, in meinem Fall das Problem war, dass ich hatte event.preventDefault() Anwendung auf das gesamte Dokument, da hatte ich mein eventListener Anwendung auf das gesamte Dokument:

    JS:

    function onMouse( event ) {

	event.preventDefault();
	
	//calculate mouse position in normalized device coordinates
	//(-1 to +1) for both components

	mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
	mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
	
	mouseEventHandler( event );
	
}

document.addEventListener( 'click', onMouse, false );

    Ich wollte nur meine eigene event-Handler zu wenden, um ein div-Element, nicht auf das gesamte Dokument, und speziell ich wollte nicht, dass mein event-Handler überschreiben der Formular-events, setzen Sie sich in ein weiteres div. Also beschränkte ich den Umfang meiner eventListeners auf das "visualizationContainer' div:

    document.getElementByID('visualizationContainer').addEventListener( 'click', onMouse, false );

    Dass alles behoben.

    • "Maus ist nicht definiert'
    InformationsquelleAutor Mark Scott Lavin
  5. -1

    Müssen Sie es verwenden, wie dies

        <form enctype="multipart/form-data">
    .......
    .......
    <label for="imgfile">File input</label>
    <input type="file" name="imgfile" />
    <input type="submit" name="submit" value="submit" />
    </form>
    • Wenn ich Lesen die OP Recht. Das ist nicht das problem. Das Problem ist, dass das popup-Fenster wird nicht geöffnet. Nicht das problem der Upload-Dateien.
    InformationsquelleAutor ventsi.slav
Schreibe einen Kommentar