29
Domyślnie może wybrać wszystkie typy plików, jak je ograniczyć, aby można było wybrać tylko pliki .pdf?Jak ograniczyć <typ wejściowy = "plik">, aby mógł wybrać tylko pliki .pdf?
A
Odpowiedz
27
Możesz użyć atrybutu accept w swoim formularzu, aby zaproponować przeglądarce ograniczenie pewnych typów. Jednak będziesz chciał ponownie sprawdzić w swoim kodzie po stronie serwera, aby się upewnić. Nigdy nie ufaj, co klient ci wysyła.
1
Po prostu: nie można używać zwykłego html i javascript. Najbliższym rozwiązaniem jest przetestowanie rozszerzenia pliku przy użyciu javascript przed przesłaniem formularza i wyświetlenie użytkownikowi komunikatu o błędzie innego niż .pdf. Jeśli chcesz to osiągnąć, być może będziesz musiał skorzystać z niektórych rozwiązań po stronie klienta, takich jak formanty przesyłania plików Flash.
+0
Nie możesz użyć JavaScript do usunięcia pliku na podstawie jego rozszerzenia? –
+0
@ Šime Vidas, tak rzeczywiście javascript może być używany do testowania rozszerzenia wybranego pliku. –
71
wyraźniej ...
<input type="file" accept="application/pdf" />
+0
Dlaczego to NIE działa, gdy na komputerze nie ma zainstalowanego programu Adobe Reader? Zdarzyło mi się dzisiaj ... –
Powiązane problemy
- 1. Jak zezwolić na <plik wejściowy = "plik">, aby akceptować tylko pliki graficzne.
- 2. Jak ograniczyć maksymalną liczbę elementów na wielu wejściach (<typ wejściowy = "plik" wiele />)
- 3. Jak mogę użyć querySelector, aby wybrać element wejściowy według nazwy?
- 4. Jak zezwolić na typ wejściowy = plik, aby wybrać ten sam plik w komponencie reagowania
- 5. Jak mogę sprawdzić <typ wejściowy = "plik"> w Angular2?
- 6. Typ wejściowy = "data" thymeleaf
- 7. <typ wejściowy = "plik"> - style niestandardowe/css
- 8. Ustaw wartość waluty w <typ wejściowy = "liczba" />
- 9. Obiekt daty JavaScript z <typ wejściowy = data>
- 10. Używanie "<typ wejściowy =" plik ".... />" zamiast asp: FileUpload
- 11. Jak ograniczyć typ pliku w sterowaniu FileUpload?
- 12. IE: typ wejściowy = "plik" wielokrotny
- 13. Ustaw wartość <typ wejściowy = "data" ... w jquery
- 14. Jak ograniczyć użytkownika DatePicker do może wybrać tylko datę przed today_date - 18 lat
- 15. Jak ograniczyć pryzmat 4, aby załadować tylko specjalne podpisane moduły?
- 16. Bash skrypt, aby ograniczyć wielkość katalogów usuwając pliki obejrzano ostatni
- 17. Jak utworzyć LINQ Expression drzewo, aby wybrać typ anonimowy
- 18. Yii CGridView Ukryj tylko filtr wejściowy
- 19. Jak użyć std :: is_integral <>, aby wybrać implementację?
- 20. Jak ograniczyć komórkę tylko do numerów wejściowych
- 21. jak sprawdzić typ pliku przesłanego jest pdf
- 22. wybrać konkretny typ pliku w java
- 23. Jak rozpoznać pliki PDF wymagające OCR?
- 24. TinyMCE: Można ograniczyć, aby zezwalać tylko na pociski?
- 25. Jak wybrać typ obrazu BufferedImage do użycia?
- 26. Jak programowo otwierać pliki PDF w domyślnym czytniku plików PDF?
- 27. Jak gitignore * tylko * pliki?
- 28. Typ wejściowy = "plik" zestaw danych obrazu base64
- 29. Odbicia nie mógł dostać typ klasy
- 30. Jak ograniczyć widok tylko do superużytkownika?
możliwe duplikat [HTML pola wejściowego pliku z ograniczonymi typów plików?] (Http://stackoverflow.com/questions/1240934/html-file-input-field- with-limited-file-types) – marcog
Strona klienta nie jest możliwa AFAIK. Musisz sprawdzić po stronie serwera, co dokładnie użytkownik zdecydował się opublikować. – ChristopheD
Sprawdź również [Wprowadzanie pliku "zaakceptuj" atrybut - czy jest przydatny?] (Http://stackoverflow.com/questions/181214/) w przypadku obejść. –