Pole przesyłania pliku
Gromadź dokumenty, obrazy i pliki z pewnością siebie. Od CV po zdjęcia z możliwością przesyłania metodą „przeciągnij i upuść”, ograniczeniami typu pliku, limitami rozmiaru i natychmiastowym podglądem – pole „Prześlij plik” zapewnia bezpieczne gromadzenie plików z nowoczesnym UX i kompleksową walidacją.
Profesjonalna kolekcja plików z inteligentną walidacją
Idealny dla:
Potężne funkcje do każdego zastosowania
📤 Przesyłanie wielu plików
Pojedynczy lub wiele plików:
Zezwól użytkownikom na przesłanie tylko jednego pliku lub włącz przesyłanie wielu plików. Użytkownicy mogą wybrać wiele plików jednocześnie lub dodawać pliki pojedynczo.
- Inteligentne zarządzanie plikami:
- Dodawaj pliki stopniowo
- Usuń poszczególne pliki przed wysłaniem
- Zobacz wszystkie wybrane pliki z nazwami i rozmiarami
- Wyraźne wskazanie liczby przesłanych plików
Min/Max kontroli plików:
Jeśli włączono funkcję przesyłania wielu plików, ustaw minimalną i maksymalną liczbę plików. Wymagaj co najmniej 2 plików, ogranicz do 10 plików lub ustaw dowolną liczbę dostosowaną do Twoich potrzeb.
Przykłady:
- Złożenie CV: tylko 1 plik
- Galeria zdjęć: Min. 3, maks. 10 zdjęć
- Pakiet dokumentów: Min. 2, maks. 5 plików
- Portfolio: Min. 1, maks. 20 plików
🎯 Ograniczenia typu pliku
7 wstępnie skonfigurowanych kategorii:
Obrazy – jpg, png, gif i wszystkie formaty obrazów
Idealne do zdjęć, logotypów, zrzutów ekranu i treści wizualnych.
DOKUMENTACJA – pdf, doc, docx, txt, odt
Idealny do życiorysów, raportów, umów i dokumentów tekstowych.
Arkusze kalkulacyjne – xls, xlsx, csv, ods
Do plików danych, budżetów, raportów i obliczeń.
Prezentacje – ppt, pptx, odp
Prezentacje, prezentacje i raporty wizualne.
archiwum – zip, rar, 7z, tar, gz
Pliki skompresowane, pakiety plików i kopie zapasowe.
Audio – mp3, wav i wszystkie formaty audio
Pliki muzyczne, nagrania głosowe i klipy dźwiękowe.
Wideo – mp4, mov i wszystkie formaty wideo
Pliki wideo, nagrania i treści multimedialne.
Mieszaj i dopasowuj:
Zaznacz wiele kategorii, aby akceptować różne typy plików. Włącz „Obrazy i dokumenty”, aby akceptować zarówno zdjęcia, jak i pliki PDF.
📝 Niestandardowe rozszerzenia plików
Określ dokładne typy plików:
Poza 7 kategoriami zdefiniuj konkretne rozszerzenia plików, które chcesz zaakceptować. Wprowadź niestandardowe rozszerzenia, rozdzielając je przecinkami.
Przykłady:
- `.jpg, .png, .pdf` – Tylko zdjęcia i pliki PDF
- `.docx, .pdf, .txt` – Specyficzne formaty dokumentów
- `.ai, .psd, .sketch` – Pliki projektowe
- `.dwg, .dxf` – pliki CAD
- `.sql, .db` – Pliki bazy danych
Doskonała kontrola:
Połącz pola wyboru kategorii z niestandardowymi rozszerzeniami, aby precyzyjnie kontrolować typ pliku. Akceptuj kategorie Obrazy oraz rozszerzenie `.svg`, aby zapewnić pełną obsługę obrazów.
🖼️ Podgląd plików
Opinia wizualna o pliku:
Włącz opcję „Pokaż podgląd plików”, aby wyświetlić miniatury obrazów i ikony plików innych typów. Użytkownicy widzą dokładnie, co wybrali, zanim wyślą.
Funkcje podglądu:
- Miniatury obrazów do zdjęć
- Ikony typów plików dla dokumentów
- Wyświetlanie nazwy i rozmiaru pliku
- Usuń przycisk dla każdego pliku
Wizualne potwierdzenie przesłania
Lepsze wrażenia użytkownika:
Podgląd potwierdza prawidłowy wybór pliku, zmniejsza liczbę błędów i daje pewność, że dołączono właściwe pliki.
🎨 Niestandardowy tekst przycisku
Personalizuj proces przesyłania:
Zmień tekst przycisku przesyłania z „Wybierz plik” na dowolny, który będzie pasował do kontekstu formularza.
Przykłady:
- „Prześlij CV”
- „Wybierz zdjęcia”
- „Dołącz dokumenty”
- "Dodaj pliki"
- „Przeglądaj pliki”
- „Wybierz obrazy”
Język kontekstowy:
Dopasuj tekst przycisku do treści przesyłanych przez użytkowników, aby uzyskać jaśniejsze instrukcje i lepsze doświadczenie użytkownika.
🔐 Wbudowane zabezpieczenia
Automatyczna walidacja plików:
Wszystkie przesłane pliki są sprawdzane pod kątem typu i rozmiaru przed przetworzeniem. Pliki szkodliwe są automatycznie odrzucane.
Warstwy bezpieczeństwa:
- Walidacja typu pliku (rozszerzenie i typ MIME)
- Obowiązują limity rozmiaru pliku
- Ponowna walidacja po stronie serwera
- Standardy bezpieczeństwa WordPress
- Zdezynfekowane nazwy plików
Bezpieczne przetwarzanie plików:
Pliki są bezpiecznie przechowywane w katalogach do przesyłania WordPress, z odpowiednimi uprawnieniami i środkami bezpieczeństwa.
🔀 Logika warunkowa
Dynamiczne pola przesyłania:
Pokaż lub ukryj pola przesyłania plików na podstawie innych wartości formularza. Wyświetlaj opcje przesyłania tylko wtedy, gdy są istotne dla wyborów użytkownika.
Zaawansowane zasady logiki:
- Logika AND – wszystkie warunki muszą być spełnione
- Logika OR – dowolny warunek może wywołać akcję
- 8 operatorów – Równe, Nierówne, Większe niż, Mniejsze niż, Zawiera, Jest puste i więcej
🎯 Ulepszone wrażenia użytkownika
Wbudowane inteligentne funkcje:
- Wybrana lista plików – Zobacz wszystkie wybrane pliki z nazwami i rozmiarami
- Usuń pojedyncze pliki – Usuń pliki przed wysłaniem
- Postęp przesyłania – Wizualne potwierdzenie podczas przesyłania (z automatycznym przesyłaniem)
- Wyczyść komunikaty o błędach – Specyficzne błędy walidacji wraz z wytycznymi
- Wyświetlanie liczby plików – Pokazuje liczbę wybranych plików
- Wymagana walidacja – Uczynić przesyłanie plików obowiązkowym
- Pomoc Tekstowa Pomoc – Dodaj opisy wymagań dotyczących plików
- Niestandardowe klasy CSS – Zastosuj niestandardowy styl
- Wsparcie dostępności – Nawigacja za pomocą klawiatury i kompatybilność z czytnikiem ekranu
- Zoptymalizowany pod kątem urządzeń mobilnych – Natywne selektory plików na urządzeniach mobilnych
📏 Limity rozmiaru pliku
Kontroluj rozmiary przesyłanych plików:
Ustaw maksymalny rozmiar pliku w megabajtach (MB). Zapobiegaj przesyłaniu zbyt dużych plików, które mogłyby spowolnić przesyłanie lub przekroczyć limity serwera.
Elastyczne limity:
- Małe pliki: 1-2 MB dla dokumentów
- Standard: 5 MB na ogólne przesyłanie plików
- Obrazy: 10 MB na zdjęcia
- Duże pliki: 50 MB+ w przypadku filmów lub archiwów
Walidacja poszczególnych plików:
Limit rozmiaru dotyczy każdego pojedynczego pliku, a nie całkowitego rozmiaru przesyłanych plików. Użytkownicy mogą przesłać 5 plików o rozmiarze 5 MB każdy, jeśli ustawisz limit 5 MB.
Wyczyść opinię:
Użytkownicy widzą błędy dotyczące rozmiaru pliku bezpośrednio przed jego wysłaniem, w postaci konkretnych komunikatów, na przykład „Rozmiar pliku przekracza limit 5 MB”.
⚡ Automatyczne przesyłanie po wybraniu
Opcja natychmiastowego przesyłania:
Włącz opcję „Automatyczne przesyłanie po zaznaczeniu”, aby rozpocząć przesyłanie plików natychmiast po ich zaznaczeniu, zamiast czekać na wysłanie formularza.
Korzyści:
- Szybsza odczuwalna wydajność
- Prześlij duże pliki, podczas gdy użytkownicy wypełniają inne pola
- Natychmiastowe potwierdzenie przesłania
- Informacje zwrotne o postępie podczas przesyłania
Przypadków użycia:
- Przesyłanie dużych plików (filmy, archiwa)
- Formularze wieloetapowe, w których pliki są przesyłane na wczesnym etapie
- Formularze z wieloma polami do wypełnienia
- Lepsze UX dla wolnych połączeń
🎨 Przeciągnij i upuść, aby przesłać
Nowoczesny wybór plików:
Włącz funkcję „przeciągnij i upuść”, aby umożliwić użytkownikom przeciąganie plików bezpośrednio z pulpitu lub przeglądarki plików do obszaru przesyłania. Nie wymaga to przeglądania.
Podwójne metody przesyłania:
- Tradycyjny przycisk „Wybierz plik”
- Przeciągnij pliki bezpośrednio do strefy przesyłania
- Obie metody działają jednocześnie
Opinia wizualna:
Obszar przesyłania jest podświetlany podczas przeciągania plików, zapewniając wyraźne wizualne wskazanie strefy upuszczenia.
Kompatybilny z urządzeniami mobilnymi:
Działa na komputerach stacjonarnych z pełną funkcją „przeciągnij i upuść”. Na urządzeniach mobilnych powraca do standardowego selektora plików.
Prosta konfiguracja w 3 krokach
Przygotuj pole do przesyłania plików w kilka minut
Dodaj pole przesyłania pliku
Przeciągnij i upuść pole Prześlij plik z sekcji Pola podstawowe do formularza.
Ustaw ograniczenia plików
Wybierz dozwolone typy plików (obrazy, dokumenty itd.), ustaw maksymalny rozmiar pliku (np. 5 MB) i w razie potrzeby włącz obsługę wielu plików, podając minimalną i maksymalną liczbę.
Włącz nowoczesne funkcje
Włącz funkcję „przeciągnij i upuść”, aby ułatwić przesyłanie plików, włącz podgląd plików w celu zapewnienia wizualnej informacji zwrotnej i dostosuj tekst przycisków, aby odpowiadał kontekstowi formularza.
???? Gotowe! Twoje pole do przesyłania plików jest gotowe, z inteligentną walidacją i nowoczesnym UX.
Aplikacje w świecie rzeczywistym
podań o pracę
* Przesyłanie CV (PDF, DOCX)
* Załączniki do listu motywacyjnego
* Przesyłanie plików portfolio
* Przesyłanie dokumentów referencyjnych
Przesyłanie zdjęć
* Zgłoszenia konkursowe (wiele obrazów)
* Zdjęcia oferty nieruchomości
* Fotografia produktowa
* Przesyłanie zdjęć z wydarzeń
Dokumenty biznesowe
* Pliki z prośbami o wycenę
* Składanie ofert na kontrakty
* Przesyłanie faktur
* Dokumenty ofertowe
Wykształcenie
* Przesyłanie zadań
* Przesyłanie transkryptów
* Dokumenty certyfikacyjne
* Przesyłanie plików projektu
Bilety Wsparcia
* Załączniki zrzutów ekranu
* Pliki dziennika błędów
* Pliki konfiguracyjne
* Dokumenty diagnostyczne
Portfolio kreatywne
* Przesyłanie plików projektowych
* Przesyłanie portfolio wideo
* Próbki audio
* Przykłady prac kreatywnych
Uzupełnij opcje pól
Podstawowa konfiguracja
- Etykieta pola – tytuł wyświetlany nad polem przesyłania pliku
- Opis/Tekst pomocy – Dodatkowe wskazówki dotyczące wymagań dotyczących plików
- Pole wymagane – Ustaw przesyłanie pliku jako obowiązkowe
- Miejsce zastępcze – nie dotyczy przesyłania plików
Wiele plików
Zezwalaj na wiele plików – pozwól użytkownikom przesyłać więcej niż jeden plik na raz
- W przypadku włączenia wielu plików:
- Minimalna liczba plików – najmniejsza wymagana liczba plików (np. 1)
- Maksymalna liczba plików – największa liczba plików, jaką użytkownik może przesłać (np. 10)
Dozwolone typy plików
Kategorie wstępnie skonfigurowane (zaznacz dowolną kombinację):
- Obrazy (jpg, png, gif)
- Dokumenty (pdf, doc, txt)
- Arkusze kalkulacyjne (xls, csv)
- Prezentacje (ppt, pptx)
- Archiwa (zip, rar)
- Dźwięk (mp3, wav)
- Wideo (mp4, mov)
Konkretne rozszerzenia plików
Wprowadź niestandardowe typy plików rozdzielone przecinkami (np. `.jpg, .png, .pdf, .docx`)
Kontrola rozmiaru pliku
- Maksymalny rozmiar pliku – maksymalny rozmiar każdego przesyłanego pliku w megabajtach (MB)
- Wprowadź liczbę, np. 5, aby uzyskać limit 5 MB
- Pozostaw puste, aby nie było limitu (używana jest wartość domyślna serwera)
- Dotyczy każdego pliku, a nie całkowitego rozmiaru przesyłania
Doświadczenie użytkownika
- Pokaż podglądy plików – pokaż miniatury obrazów i ikony innych plików
- Włącz funkcję „przeciągnij i upuść” – pozwól użytkownikom przeciągać pliki bezpośrednio do formularza
- Prześlij tekst przycisku – Dostosuj tekst przycisku (domyślnie: „Wybierz plik”)
- Automatyczne przesyłanie po zaznaczeniu – rozpocznij przesyłanie plików natychmiast po zaznaczeniu (zamiast czekać na przesłanie formularza)
Logika warunkowa
- Włącz logikę warunkową – pokaż/ukryj na podstawie warunków
- Typ logiczny
- Wszystkie warunki muszą być spełnione (ORAZ)
- Każdy warunek może być spełniony (LUB)
- Zasady warunkowe
- Pokaż/Ukryj – działanie do podjęcia
- Pole – Które pole należy sprawdzić
- Operator – Równy, Nierówny, Zawiera, Większy niż, Mniejszy niż, Jest pusty, Nie jest pusty
- Wartość – wartość porównawcza
- Wiele warunków – dodawaj nieograniczoną liczbę reguł
Opcje zaawansowane
- Ukryte pole – ustaw pole jako niewidoczne (niezalecane w przypadku przesyłania plików)
- Niestandardowe klasy CSS – zastosuj niestandardowy styl
- Atrybuty dostępności – etykiety ARIA dla czytników ekranu
Dlaczego warto wybrać nasze pole do przesyłania plików?
✅ Wiele plików – pojedyncze lub wielokrotne przesyłanie z kontrolą min./maks.
✅ Inteligentne ograniczenia – 7 kategorii plików i niestandardowe rozszerzenia
✅ Limity rozmiaru – ustaw maksymalny rozmiar pliku w MB
✅ Przeciągnij i upuść – nowoczesne doświadczenie wyboru plików
✅ Podgląd plików – wizualne potwierdzenie za pomocą miniatur
✅ Bezpieczny – wbudowana walidacja i zabezpieczenia WordPressa
✅ Automatyczne przesyłanie – opcjonalne natychmiastowe przesyłanie po wybraniu
✅ Przyjazny dla użytkownika – jasne informacje zwrotne i komunikaty o błędach
✅ W pełni zintegrowany – bezproblemowo współpracuje ze wszystkimi funkcjami formularza
Najczęściej zadawane pytania
P: Ile plików może przesłać użytkownik?
Domyślnie pojedynczy plik. Włącz opcję „Zezwalaj na wiele plików”, aby umożliwić użytkownikom przesyłanie wielu plików. Ustaw limity min./maks., np. min. 1, maks. 10, aby umożliwić kontrolowane przesyłanie zbiorcze.
P: Jakie typy plików są obsługiwane?
Domyślnie obsługiwane są wszystkie typy plików. Użyj pól wyboru kategorii (obrazy, dokumenty itp.) lub niestandardowych rozszerzeń, aby ograniczyć konkretne typy plików w zależności od potrzeb.
P: Jak ograniczyć rozmiar pliku?
Wpisz liczbę w polu „Maksymalny rozmiar pliku” (np. 5 dla 5 MB). Limit ten dotyczy pojedynczego pliku, a nie całkowitego rozmiaru przesyłanego pliku. Pozostaw puste pole, aby ustawić domyślne ustawienia serwera.
P: Jaka jest różnica pomiędzy kategoriami i rozszerzeniami niestandardowymi?
Kategorie to predefiniowane grupy (Obrazy = wszystkie typy obrazów, Dokumenty = PDF/Doc/TXT). Rozszerzenia niestandardowe pozwalają określić konkretne formaty, takie jak .svg, .ai, .psd.
P: Jak działa przeciąganie i upuszczanie?
Włącz opcję „Włącz przeciąganie i upuszczanie”, aby użytkownicy mogli przeciągać pliki z pulpitu bezpośrednio do obszaru przesyłania. Tradycyjny przycisk „Wybierz plik” nadal działa.
P: Czym są podglądy plików?
Po włączeniu opcji „Pokaż podgląd plików” użytkownicy widzą miniatury obrazów i ikony plików z nazwami/rozmiarami dla wszystkich wybranych plików przed ich przesłaniem.
P: Do czego służy funkcja automatycznego przesyłania?
Dzięki włączonej opcji „Automatyczne przesyłanie po zaznaczeniu” pliki zaczynają być przesyłane natychmiast po zaznaczeniu, zamiast czekać na wysłanie formularza. To świetne rozwiązanie w przypadku dużych plików.
P: Czy mogę wymagać określonych typów plików?
Tak. Sprawdź kategorie typów plików i/lub wprowadź niestandardowe rozszerzenia, a następnie włącz „Pole wymagane”, aby wymusić przesłanie pliku z tymi ograniczeniami.
P: Jak mogę akceptować wyłącznie pliki PDF?
Zaznacz kategorię „Dokumenty”, jeśli chcesz przesłać wszystkie typy dokumentów, w tym pliki PDF, lub wpisz .pdf w polu „Określone rozszerzenia plików”, aby przesłać tylko pliki PDF.
P: Co się stanie, jeśli plik będzie za duży?
Użytkownicy od razu widzą komunikat o błędzie, np. „Rozmiar pliku przekracza limit 5 MB”. Przed wysłaniem formularza muszą wybrać mniejszy plik.
Czy przesyłane pliki są bezpieczne?
Tak. Pliki są weryfikowane pod względem typu i rozmiaru, przechowywane w katalogu do przesyłania WordPress z odpowiednimi uprawnieniami i spełniają standardy bezpieczeństwa WordPress.
P: Czy mogę akceptować zdjęcia i dokumenty jednocześnie?
Tak. Zaznacz kategorie „Obrazy” i „Dokumenty”. Użytkownicy mogą przesyłać dowolną kombinację plików graficznych i dokumentów.
