Standardmäßig kann es alle Arten von Dateien auswählen, wie Sie es einschränken, so dass es nur .pdf
Dateien auswählen kann?Wie kann <input type = "file"> eingeschränkt werden, so dass nur PDF-Dateien ausgewählt werden können?
Antwort
Sie können das Attribut accept in Ihrem Formular verwenden, um dem Browser zu empfehlen, bestimmte Typen einzuschränken. Sie sollten jedoch in Ihrem serverseitigen Code erneut überprüfen, um sicherzustellen, dass. Vertraue niemals dem, was der Client dir schickt.
Einfach ausgedrückt: Sie können nicht die einfache HTML und Javascript verwenden. Am ehesten ist es möglich, die Dateierweiterung mithilfe von JavaScript zu testen, bevor Sie das Formular abschicken, und dem Benutzer eine Fehlermeldung anzuzeigen, wenn es sich um eine andere als .pdf
handelt. Möglicherweise müssen Sie eine clientseitige Lösung wie Flash-Upload-Steuerelemente verwenden, wenn Sie dies erreichen möchten.
Sie können JavaScript nicht verwenden, um die Datei basierend auf ihrer Erweiterung zu löschen? –
@ Šime Vidas, Ja tatsächlich Javascript konnte verwendet werden, um die Erweiterung der ausgewählten Datei zu testen. –
explizite ...
<input type="file" accept="application/pdf" />
Warum funktioniert das NICHT, wenn auf dem PC kein Adobe Reader installiert ist? Ist mir heute passiert ... –
- 1. Wie kann EditText so eingeschränkt werden, dass nur Float-Werte in Java eingegeben werden?
- 2. Wie können Benutzerberechtigungen für Jenkins eingeschränkt werden?
- 3. Wie kann der Gültigkeitsbereich einer freigegebenen Variablen eingeschränkt werden, so dass nur auf eine Funktion zugegriffen werden kann?
- 4. Wie kann nur ein Kontrollkästchen im Iframe-Fenster ausgewählt werden?
- 5. Verständnis <input type = "file">
- 6. Kann Google Maps so eingeschränkt werden, dass nur ein bestimmtes Land angezeigt wird?
- 7. Wie kann UIPopoverController nur für die Hochformatausrichtung eingeschränkt werden?
- 8. Wie kann Webpack `require.context` sauber eingeschränkt werden?
- 9. Wie input type Datei
- 10. Können wir <input type = "file"> style ändern?
- 11. <input type = "search"> nicht styling
- 12. CSS-Selektor für <input type = "?"
- 13. Wie können Objekttypen eingeschränkt werden, die in persönlichen Benutzerordnern in Plone 4.1 hinzugefügt werden können?
- 14. Wie kann die SonarQube-Berechtigung "Ausführungsanalyse" pro Projekt eingeschränkt werden?
- 15. Wie kann die Anzahl der Elemente eingeschränkt werden, die in einer SharePoint-Liste eingegeben werden können?
- 16. DBGrid: Wie kann verhindert werden, dass eine Zeile ausgewählt wird?
- 17. Wie können HTML-Formularelemente strukturiert werden, so dass sie leicht in ein PHP-Objekt übersetzt werden können?
- 18. Unterschied zwischen <input type = 'button' /> und <input type = 'submit' />
- 19. HTML <input type = 'file'> Dateiauswahl-Ereignis
- 20. Validieren <input type = "date">
- 21. Wie macht man <input type = "file" /> editierbar?
- 22. Können Layouts von Grails Controllern ausgewählt werden?
- 23. Wie kann ein .NET DateTimePicker-Steuerelement so geändert werden, dass Nullwerte eingegeben werden können?
- 24. Kann haml machen <input type = "text" erforderlich>
- 25. Können @PropertySources nach Spring-Profil ausgewählt werden?
- 26. type name lässt nicht zu, dass speicherklasse angegeben werden kann
- 27. Variable muss eingeschränkt werden Fehler
- 28. Cassandra Primärschlüssel Spalte kann nicht eingeschränkt werden
- 29. Wie kann der Zugriff auf statische öffentliche Mitglieder eingeschränkt werden?
- 30. Kartesisches Produkt implementieren, so dass Iterationen übersprungen werden können.
möglich Duplikat [HTML-Datei Eingabefeld mit begrenzten Dateitypen?] (Http://stackoverflow.com/questions/1240934/html-file-input-field- with-limited-file-types) – marcog
Clientseitig ist dies nicht möglich. AFAIK. Sie müssen auf der @ server-Seite überprüfen, was genau der Benutzer festgelegt hat. – ChristopheD
Überprüfen Sie auch [Dateieingabe 'akzeptieren' Attribut - ist es nützlich?] (Http:// Stackoverflow.com/questions/181214/) für Problemumgehungen. –