Dieser Code sollte in IE funktionieren, aber es tut es nicht. (Bitte testen Sie es nicht einmal in Firefox, weil ich diesen Ansatz nicht verwenden werde.) Ich bekomme den offenen Dialog ausgelöst, aber was ich jetzt will ist, den Namen der angehängten Datei innerhalb eines Bereichs anzuzeigen wann immer der Benutzer seine/ihre Auswahl trifft. Irgendeine Hilfe?Dieser Code funktioniert nicht (es hat mit <input type = "file" /> zu tun)
Antwort
Sie können aus Sicherheitsgründen nicht auf input = file Elemente von JavaScript zugreifen. JavaScript ist nicht erlaubt, die Dateien auf dem Laufwerk des Benutzers zu lesen und type = Dateieingaben ermöglichen dies.
Wenn Sie Personen den Zugriff auf Dateieingaben mit Javascript erlauben, gibt es nichts, was sie daran hindert, Ihre Passwortdatei hochzuladen und zu hacken.
fand ich diesen article die
JavaScript SicherheitIch weiß, ich weiß, aber ich spreche über IE. Versuchen Sie es mit etwas einfacherem und sehen Sie, wie es tatsächlich auf input = file zugreifen kann. Zum Beispiel: geht hier den Namen der Datei // get file Eingabe var $ el = $ ('input [type = file'); // setze die nächsten Geschwister (den Span) Text auf den Eingabewert $ el.next(). Text ($ el.val()); –
Meine Antwort ist für alle Browser. Der einzige Weg, wie Sie es umgehen können, ist, wenn Sie es in einem IEHTA- oder Firefox-Chrome-Fenster ausführen, aber ich denke, Sie werden immer noch durch den Browser/JavaScript-Sicherheit gestoppt – AutomatedTester
Bitte kopieren und fügen Sie den obigen Code und führen Sie es ein IE6 oder IE7. Wie Sie sehen können, lässt IE mich die Eingabe = "Datei" auslösen. Ich kann jedoch nicht die aktualisieren, so zeigt es die Datei durchsucht. –
Sie können nicht aufrufen, um die Datei-Upload über Javascript beschreibt. Ich weiß, du solltest es können, na ja. Es gibt eine Lösung - mit Opazität: 0, um die Dateieingabe zu "verstecken", etwas darunter zu legen, so dass es aussieht, als ob Sie auf etwas anderes klicken würden.
PPK shows you how do to it and goes through all the ins and outs on quicks blog
Oh, können Sie in IE. So einfach wie ein Kopieren-Einfügen, um es zu sehen (nur in IE). Dieser Ansatz ist nur für IE (nicht für Firefox). –
- 1. Verständnis <input type = "file">
- 2. <input type = "search"> nicht styling
- 3. Steuern Sie das Arbeitsverzeichnis für <input type = "file">?
- 4. Können wir <input type = "file"> style ändern?
- 5. Dateipfad übergeben bei Verwendung von <input type = "file">
- 6. <input type = "file"> Positionierung Probleme in IE11 Browser
- 7. HTML <input type = 'file'> Dateiauswahl-Ereignis
- 8. Wie füge ich Text in <input type = "file" />
- 9. <input type = "file"> - custom styles/css
- 10. Html Helfer für <input type = "file" />
- 11. Wie macht man <input type = "file" /> editierbar?
- 12. HTML-Helfer für <input type = "file" />
- 13. jQuery: Simulation eines Klicks auf ein <input type = "file" /> funktioniert nicht in Firefox?
- 14. Ist es möglich, Dateien hochzuladen andere dann Bilder mit PHP und <input type = „file“>
- 15. Facebook - nicht lädt Datei mit dem <input type = „file“> Tag
- 16. Unterschied zwischen <input type = 'button' /> und <input type = 'submit' />
- 17. Wie kann ich <input type = "file"> mit Angular2 validieren?
- 18. Validieren <input type = "date">
- 19. input type = "file" auto click
- 20. So laden Sie Excel-Datei auf PHP-Server von <input type = "file">
- 21. Tag <label> funktioniert nicht für <input>
- 22. Verwenden von "<input type =" file ".... />" anstelle von asp: FileUpload
- 23. <input type = 'file'> für IE gibt den vollständigen Pfad, muss nur Dateiname
- 24. Auslöser <input type = "file"> Datei auswählen mit Winkel programmatisch
- 25. jQuery: Holen Sie sich den Dateinamen aus <input type = "file" />
- 26. Kann ich den Dateipfad von <input type = 'file'> mit JavaScript ändern?
- 27. Wie wähle ich mehrere Dateien mit <input type = "file">?
- 28. Javascript: Simulieren Sie einen Klick in <input type = „file“>
- 29. <input type = "button" runat = "server" /> funktioniert nicht in ASP.NET
- 30. Get-Wert von <input type = "Zahl"> mit JS, wenn es enthält nicht numerische Zeichen
Zeigen Sie den Namen der Datei ** wenn **? – Randell
Ich weiß nicht, warum wir es nicht in Firefox testen können, aber es funktioniert nicht mit Firefox. – Randell
(@Randell) Sie können testen, wo Sie wollen, aber ich habe eine andere Lösung für Firefox implementiert. Dieser Ansatz gilt nur für IE. Bitte versuchen Sie es und sehen Sie. Ich möchte, dass der Name immer dann angezeigt wird, wenn der Benutzer eine Datei auswählt (aus dem geöffneten Dialog). Danke! –