Ich habe ein Problem mit dem HTML-Tag <input type="file" /> in Google Chrome.
Die Schaltfläche 'Durchsuchen' erscheint auf der Seite wie erwartet, aber wenn ich darauf klicke, um eine Datei auszuwählen, öffnet sich das Popup-Dialogfenster des Browsers überhaupt nicht.
Ich habe meine Form und in Firefox getestet und funktioniert korrekt. Irgendwelche Ideen, was falsch ist und wie kann ich es beheben?
Hier ist auch der Code:
%Vor%Es gibt keinen Grund, dass dies in Chrome nicht funktionieren sollte. Haben Sie versucht, die Markierung in dem Beispiel, das Sie uns gegeben haben, in eine HTML-Datei zu kopieren und diese zu öffnen? Funktioniert es? Es sollte, es sei denn, es gibt ein Drittanbieter-Plugin oder eine Erweiterung, die es stoppt.
Es könnte sein, dass Sie an anderer Stelle eine Markierung haben, die dieses Problem verursacht; vielleicht eine Ebene über dem Eingabefeld, die das click-Ereignis abfängt, bevor es sich auf den "browse" -Button zu bewegen kann?
Es kann zwei Gründe dafür geben, dass die Eingabetypdatei nicht funktioniert.
In meinem Fall war das Problem wie folgt:
Innerhalb des Click-Handers löschte der Code die gesamte Propagierung mit
gibt false zurück;
Das Entfernen dieser Return-Anweisung löste das Problem mit input = file.
Ich hoffe, es hilft jemandem; In meinem Fall war das Problem, dass ich event.preventDefault() auf das gesamte Dokument angewendet hatte, weil ich meinen eventListener auf das gesamte Dokument angewendet hatte:
Ich wollte nur, dass meine benutzerdefinierten Ereignishandler auf ein div und nicht auf das gesamte Dokument angewendet werden, und speziell wollte ich nicht, dass meine Ereignishandler die Formularereignisse überschreiben, die in einem anderen div eingerichtet sind. Also habe ich den Umfang meiner eventListeners auf das 'visualizationContainer' div beschränkt:
document.getElementByID('visualizationContainer').addEventListener( 'click', onMouse, false );
Das hat alles repariert.
Tags und Links html google-chrome forms input