sieć zbudowana jest na fundamencie różnych typów plików. Niezależnie od tego, czy są to Zdjęcia, treści wideo, takie jak filmy, osobiste dokumenty Word, dokumenty tekstowe, czy pliki zorientowane na programowanie, stale zmieniamy i wymieniamy pliki ze sobą.

jest to jeden z głównych powodów, dla których istnieją usługi takie jak Dropbox, które pomagają nam zarządzać i synchronizować nasze pliki, gdziekolwiek jesteśmy. Jeśli jesteś zwykłym użytkownikiem Internetu, wiesz, jak ważne jest udostępnianie plików i jak ważne może być posiadanie dostępu do niezawodnych usług udostępniania plików, aby udostępniać nasze pliki w bezpieczny, wygodny i skuteczny sposób.

Jeśli jesteś programistą stron internetowych, możesz zostać przyciągnięty do idei budowy własnej witryny do udostępniania plików, a może chcesz uzupełnić istniejący projekt strony internetowej o funkcję udostępniania plików, która pozwoli Twoim klientom lub odwiedzającym udostępnić własne pliki.

istnieje wiele sposobów, aby na to spojrzeć, ale aby nawet zajść tak daleko, musimy znaleźć niezawodne rozwiązanie do przesyłania plików i zarządzania nimi w imieniu własnym i innych. Dlatego zebraliśmy listę najbardziej znanych i najlepszych skryptów przesyłania plików jQuery, które będziesz mógł wykorzystać do przesyłania i optymalizacji plików.

ponieważ istnieje tak wiele możliwości wyboru, chcielibyśmy wspomnieć, że żaden wybór nie jest najlepszy, ale zamiast tego należy dokładnie zbadać cel końcowy dla każdego wymogu, więc jeśli chcesz utworzyć skrypt przesyłania plików osobistych do przesyłania plików osobistych, wybierz bardziej minimalny skrypt przesyłania, ale jeśli twoim celem jest stworzenie wielofunkcyjnej strony do zarządzania plikami, spójrz na skrypty, które zapewniają bardziej rozszerzoną funkcjonalność, na pewno znajdziesz trochę wszystkiego na naszej liście tutaj.

Closify

jak się dowiedzieliśmy, programy do przesyłania treści mogą służyć wielu różnym celom, a naszą listę programów do przesyłania plików jQuery zaczynamy od doskonałego przykładu tej instrukcji. Closify to biblioteka do przesyłania i zarządzania obrazami jQuery, której programiści mogą używać do manipulowania obrazami, gdy tylko zostaną przesłane, czy to na potrzeby witryny z tapetami, do wykorzystania w osobistym skrypcie społeczności, który wymaga zmiany rozmiaru obrazu dla członków społeczności, samodzielnej strony zarządzania obrazami dla własnych osobistych potrzeb — dzięki Closify możesz przesyłać obrazy, a na tej samej stronie zmieniać rozmiar, przycinać i zapisywać je. Nowo przeskalowane lub przycięte obrazy zachowują swój współczynnik proporcji, co sprawia, że skrypt jest atrakcyjny nawet dla tych,którzy dzielą się cudzysłowami i takimi.

Pobierz

jQuery File Upload

jQuery File Upload to doskonała ilustracja tego, jak działa przesyłanie plików w jQuery i jak można go wykorzystać do prostego przesyłania i zapisywania plików. Ta biblioteka oferuje jednak nieco bardziej wszechstronny zakres funkcji. Na początek zawiera 5 różnych stylów do wyboru, w tym natywny interfejs jQuery, a także dla programistów AngularJS, którzy potrzebują szybkiego i niezawodnego rozwiązania do przesyłania plików do swoich projektów.

funkcje obejmują środki do przeciągania i upuszczania wielu plików z pulpitu lub innego folderu bezpośrednio do programu wysyłającego, można anulować przesyłanie, a także wznowić je, jest pasek postępu dla każdego przesyłania, dzięki czemu wiesz, kiedy rzeczy mają być zakończone, te z nowoczesnymi przeglądarkami będą mogły edytować obrazy po ich przesłaniu, a te same przeglądarki umożliwią podgląd wszystkich przesłanych plików przed sfinalizowaniem. Współpracuje z dowolną platformą po stronie serwera (PHP, Python, Ruby on Rails, Java, Node.js, Go itp.), który obsługuje standardowe przesyłanie plików w formacie HTML.

Pobierz

jQuery.filer

jQuery.filer to kolejna złożona wtyczka do zarządzania plikami jQuery, która zawiera tradycyjne i nowe funkcje, które umożliwią Głębokie przesyłanie plików. Funkcje obejmują takie funkcje, jak walidatory plików — określ ograniczenia przesyłanego rozmiaru pliku, liczbę plików, które można przesłać, a nawet typ plików, które można przesłać. Edytor, który może być używany do podglądu plików lub bezpośrednio edytować je z przeglądarki-biorąc pod uwagę, że przeglądarka obsługuje niezbędne wywołania API dla takich zdarzeń. jQuery.filer posiada również własne API, co oznacza, że możesz swobodnie manipulować wyglądem i funkcjonalnością swojego uploadera. Dokumentacja obejmuje wszystkie aspekty możliwych połączeń i zdarzeń, z których można zacząć korzystać od razu.

Pobierz

Jquery Ajax File Uploader

Jquery Ajax File Uploader to świetny przykład tego, jak proste (ale nowoczesne) mogą być Pliki Uploader. Tutaj mamy uploader, który wykorzystuje proste podejście do przesyłania plików z opcją wielu plików i prosty widżet paska postępu na tej samej stronie. Oprócz tego, że jest zbudowany dla nowoczesnej przeglądarki, ta wtyczka będzie wymagać trochę JavaScript i AJAX wiedzy / umiejętności, aby ustawić odpowiednie parametry w konfiguracji, dzięki czemu można stworzyć odpowiednie doświadczenie dla ciebie, ale nawet wtedy-większość parametrów są po prostu tradycyjne ustawienia tablicy, i nie wymagają wiele myślenia do zmiany się. Zbudowany z Bootstrap.

Pobierz

wejście do pliku Bootstrap

prostota i moc wprowadzania pliku Bootstrap na pewno Cię przekonają. To narzędzie do przesyłania plików jest kompatybilne zarówno z Bootstrap 3, jak i 4. Integracja będzie bardzo prosta, dzięki czemu każdy będzie mógł czerpać z niej jak najwięcej przy niewielkim nakładzie pracy. Akcje zbiorcze, różne Wsparcie plików, Podgląd i przeciągnij i upuść zawartość, wszystko to i więcej Jest Tym, Co wejście pliku Bootstrap rocks dla Twojej wygody. Przejrzyj informacje o instalacji i zbierz wszystkie niezbędne wskazówki dotyczące płynnej integracji funkcji przesyłania plików z aplikacją. Ponadto jest to bezpłatne narzędzie, więc możesz przetestować wody, a nawet przyczynić się do tego.

Pobierz

Filepond

Filepond to sprytna nazwa dla skryptu wysyłania plików jQuery, który akceptuje wszystko i wszystko. Jest to biblioteka JavaScript, która przyjmuje wszystkie rodzaje plików, nawet działa z adresami URL, katalogami, obiektami Blob, nazwij to. Opcje i możliwości są liczne podczas pracy z Filepond – i nie trzeba go budować od zera, jak fajnie, co? Doświadczenie użytkownika będzie również punktualne przez cały czas ze względu na doskonałą wydajność Filepond. Przeciąganie i upuszczanie plików, nawigacja za pomocą klawiatury, Optymalizacja obrazu i pełna responsywność-to tylko niektóre z najważniejszych cech filepond. Tak, możesz również użyć Filepond do przesyłania zbiorczego.

Pobierz

Dragio.js

nowoczesny i kreatywny wygląd Dragio przypadnie do gustu każdemu i każdemu projektowi. Stąd nazwa, Dragio dostrzega wygodną funkcję przeciągania i upuszczania, ale także obsługuje opcję Ctrl + v (lub Comand + v) na klawiaturze. Oczywiście układ działa na wielu nowoczesnych urządzeniach i przeglądarkach internetowych, dzięki pełnej płynności. Zapraszam do podglądu Dragio pierwszy i przejść stamtąd. Masz dostęp do wszystkich niezbędnych treści na GitHub, w tym instalacji i dokumentacji, do szybkiego wykonania. Oczywiście możesz wykonać dodatkowe poprawki dostosowywania do Dragio, więc pasuje to do twojego projektu lub aplikacji internetowej.

Pobierz

Dropzone

Dropzone to nowoczesny program do przesyłania plików typu „przeciągnij i upuść”, który działa w ramach widżetu komponentu na stronie internetowej, której próbujesz użyć, chociaż obsługuje również tradycyjną koncepcję klikania i przesyłania. Jeśli planujesz używać Dropzone do przesyłania obrazów, biblioteka obsługuje edycję obrazów Na Żywo po przesłaniu plików-edycję, zmianę rozmiaru, kadrowanie itp. Wszystkie ścieżki plików i konfiguracje typów plików występują w tle, więc przed uruchomieniem skryptu na serwerze produkcyjnym należy pracować z plikami konfiguracyjnymi. Oficjalna strona Dropzone zawiera całą dokumentację potrzebną do natychmiastowego rozpoczęcia pracy.

Pobierz

Fine Uploader

Inne pełnowymiarowe rozwiązanie do przesyłania plików jQuery nazywa się Fine Uploader-bardzo popularna biblioteka jQuery do przesyłania, zarządzania i skalowania plików. Niektóre z wyróżniających się funkcji Fine Uploader obejmują możliwość ponowienia próby nieudanego przesłania plików, nie Od początku, ale od ostatniego kawałka, który nie został przesłany — jest to również część rzeczywistej biblioteki, zwana dzieleniem i dzieleniem plików. Fine Uploader w pełni obsługuje zarządzanie plikami w chmurze, co oznacza, że możesz przesyłać pliki na Amazon S3 lub Microsoft Azure, a inne prostsze funkcje obejmują uprawnienia do edycji, usuwania plików podczas ich przesyłania. Jest to w zasadzie pełne rozwiązanie dla każdej witryny, która potrzebuje niezawodnego rozwiązania do przesyłania plików, w którym może uczestniczyć większa społeczność aktywnych użytkowników.

Pobierz

Flow.js

zachowajmy przepływ naszych skryptów do przesyłania plików, z innym wspaniałym zasobem o nazwie Flow.js! Flow.js jest biblioteką JavaScript zapewniającą wiele jednoczesnych, stabilnych i wznawianych przesyłek za pośrednictwem HTML5 File API. Biblioteka nie wymaga zależności stron trzecich. Oferuje funkcje takie jak wstrzymywanie i wznawianie przesyłania plików, Odzyskiwanie utraconych przesłanych plików i obsługa błędów w programie przesyłającym. Ma przeciągnij i upuść rozwiązanie przesyłania plików, Możliwość przesyłania całych folderów i podgląd plików dla plików graficznych. Ponadto ma paski postępu, które informują Cię o postępach przesyłanych plików. Przesyłaj fragmenty, aby upewnić się, że możesz odzyskać utracone kawałki z przesyłanych, które się nie powiodły, i zamiast tego wznowić je od tego momentu, aby zaoszczędzić czas i ból głowy.

Pobierz

Formstone

Formstone jest unikalny na naszej liście w taki sposób, że w rzeczywistości jest to wiele produktów w ramach jednego projektu. Ale Formstone ma komponent przesyłania, który jest bardzo użytecznym i bardzo funkcjonalnym rozwiązaniem do zarządzania przesyłaniem plików. Oferują To rozwiązanie dla stron internetowych i aplikacji, zarówno małych, jak i dużych. Lekki komponent ma prosty interfejs przeciągania &drop (z interakcją kliknięć), który umożliwia przesyłanie pojedynczych lub wielu plików z dołączonym lekkim paskiem postępu. Jest to bardzo skuteczne rozwiązanie dla stron internetowych, które szukają dodatkowych komponentów bez dołączonego do nich ciężkiego tłuszczu. Ale także Formstone jest projektem samym w sobie. Możesz połączyć ze sobą kilkadziesiąt innych komponentów i stworzyć z nich projekt internetowy lub aplikacyjny. Dowiedz się więcej o Formstone, aby w pełni zrozumieć interakcje między różnymi komponentami, które mają do zaoferowania.

Download

File Uploader

File Uploader to elegancki i techniczny przykład tego, jak nowoczesne przeglądarki internetowe mogą być świetne. Mogą obsługiwać szybkie i dźwiękowe potrzeby przesyłania plików współczesnego użytkownika sieci. Możesz tworzyć różne połączenia, aby pomóc w zarządzaniu plikami, ale wiele głównych funkcji naprawdę się wyróżnia. Są to przeciąganie i upuszczanie przesyłania plików, paski postępu i możliwość przydzielania każdego przesłanego pliku do określonego użytkownika. Ten plik jest przesyłany tam, gdzie sam użytkownik wymienia swoje imię. Możemy zobaczyć, jak można to zmienić w pełni funkcjonalne rozwiązanie do przesyłania plików chronionych hasłem i tym podobnych.

Pobierz

PekeUpload

PekeUpload to lekkie rozwiązanie komponentowe dla projektantów stron internetowych. Mogą go używać jako widżetu witryny do przesyłania plików za pomocą kombinacji funkcji jQuery + HTML5. Zbudowany z Bootstrap, PekeUpload jest niezwykle łatwy w stylizacji i oferuje mnóstwo sposobów na rozszerzenie się. Dzięki PekeUpload masz kontrolę nad przesyłaniem plików. Możesz ustawić limity rozmiaru pliku i wybrać typ pliku, który twój komponent będzie akceptował. Jeśli tradycyjne powiadomienia o błędach sprawiają, że jesteś zmęczony, możesz mieć pewność, że możesz ustawić własne niestandardowe powiadomienia o błędach. Możesz wyświetlić podgląd zawartości wizualnej bezpośrednio przed i po przesłaniu.

Pobierz

Backbone Upload Manager

Backbone dostarcza strukturę do aplikacji wymagających obsługi JavaScript, dostarczając modele z powiązaniem klucz-wartość i niestandardowymi zdarzeniami, kolekcjami. Zawierają bogate API wyliczalnych funkcji i widoków z deklaratywną obsługą zdarzeń. Może również podłączyć go do wszystkich istniejących aplikacji za pośrednictwem interfejsu JSON RESTful. Jest to bardzo dobrze znany framework JavaScript, a Backbone Upload Manager jest idealnym uzupełnieniem dla tego frameworku i jego użytkowników. Interfejs użytkownika i rzeczywiste wrażenia są bardzo nowoczesne z silną listą funkcji i możliwości. Są to cechy, które mogą zapewnić tylko solidne ramy, takie jak Backbone.

Pobierz

FileDrop

FileDrop.js to zoptymalizowana Biblioteka przesyłania plików w języku JavaScript, która koncentruje się na bezpośrednim przesyłaniu plików w przeglądarce. Posiada niestandardowe alerty powiadomień, bez wielu innych funkcji. Wybierz lub przeciągnij pliki, kliknij przycisk Prześlij i poczekaj, aż zostaniesz powiadomiony o pomyślnym przesłaniu. Istnieje możliwość włączenia przesyłania wielu plików w razie potrzeby.

Pobierz

FileAPI

programiści mogą oczywiście zbudować własną bibliotekę jQuery do zarządzania plikami. Ma to sens, ponieważ zapewnia wiele doświadczeń edukacyjnych. Ponadto, w końcu jesteś odpowiedzialny za bazę kodu. Innym sposobem rozwiązania problemu jest poleganie na API, które zostało zbudowane w jednym celu. W tym przypadku jest to przesyłanie plików i zarządzanie plikami. Zalecamy zajrzenie do FileAPI. Jest to w pełni rozwinięty projekt, który zapewnia niezbędne funkcje, połączenia i zdarzenia do tworzenia programów do przesyłania plików dla aplikacji komputerowych. Mogą to również zrobić dla aplikacji mobilnych i ogólnych projektów internetowych.

Pobierz

Plupload

Plupload jest jednym z tych projektów, które naprawdę długo trwały, ale nie dlatego, że były niedoświadczone. To dlatego, że była ograniczona liczba funkcji, które języki były w stanie zapewnić w Internecie w tym czasie. Teraz, gdy HTML5 zmienia krajobraz tworzenia stron internetowych, Plupload jest naprawdę w stanie zabłysnąć. Plupload to API do zarządzania przesyłaniem plików, które zapewnia szereg narzędzi i funkcji do budowania ulepszonych programów do przesyłania plików. Mogą to zrobić w ciągu kilku minut, zamiast kodować własne przez kilka tygodni.

Pobierz

js

zapewnia to proste środowisko przesyłania plików, które umożliwia wielokrotne przesyłanie, wstrzymywanie i wznawianie przesyłania oraz ogólną stabilność. Możesz łatwo podzielić duże pliki na kilka części, aby umożliwić ponowne przesyłanie. Możesz być pewien, że Twój plik nadal zostanie przesłany z tego samego miejsca, w którym go zostawiłeś. Może przesłać Twój plik nawet wtedy, gdy połączenie idzie bonkers w przejściu.

Pobierz

Uploadify

Co powiesz na w pełni działający program do przesyłania plików HTML5, który używa trochę jQuery do polerowania doświadczenia użytkownika? Cóż, dla zainteresowanych możemy polecić Uploadify. Programiści zbudowali go z biblioteki JavaScript i mają dokładnie ten cel na uwadze. Deweloperzy dodali również wersję Flash dla tych, którzy wierzą w tradycje starej szkoły. Istnieje forum społeczności pełne tematów i pytań dotyczących wsparcia. Ale z tego, co możemy powiedzieć, fora społecznościowe nie były tak naprawdę aktywne przez ostatnie kilka lat.

Pobierz

Dziękujemy za odwiedzenie Colorlib i przeczytanie tego artykułu! Bardzo to doceniamy! Teraz możesz dowiedzieć się, jak stworzyć stronę internetową za pomocą naszych darmowych motywów WordPress.