Çoklu Dosya Yükleme İçin En İyi 15 Ücretsiz jQuery Dosya Yükleme Komut Dosyası 2021

Web, farklı dosya türlerinden oluşan bir temel üzerine kurulmuştur. Fotoğraflar, filmler gibi video içerikleri, kişisel Word belgeleriniz, metin belgeleriniz veya programlamaya yönelik dosyalarınız olsun, birbirimizle sürekli dosya değiştiriyor ve değiş tokuş yapıyoruz.

Dropbox gibi hizmetlerin var olmasının ana nedenlerinden biri, dosyalarımızı nerede olursak olalım yönetmemize ve senkronize etmemize yardımcı olur. Düzenli bir internet kullanıcısıysanız, dosya paylaşımının ne kadar önemli olduğunu ve dosyalarımızı güvenli, rahat ve etkili yollarla paylaşmak için güvenilir dosya paylaşım hizmetlerine erişmenin ne kadar önemli olduğunu bileceksiniz.

Bir web geliştiricisiyseniz, kendi dosya paylaşım web sitenizi oluşturma fikrine yönelmiş olabilirsiniz veya belki de mevcut bir web tasarımını, müşterilerinizin veya ziyaretçilerinizin kendi web sitelerini paylaşmasına izin verecek bir dosya paylaşım işleviyle tamamlamak istiyorsunuz. Dosyalar.

Buna bakmanın birçok yolu var, ancak o kadar ileri gidebilmek için, kendimiz ve başkaları adına dosya yüklemek ve yönetmek için güvenilir bir çözüm bulmamız gerekiyor. Bu nedenle, dosyalarınızı yüklemek ve optimize etmek için kullanabileceğiniz en belirgin ve en iyi jQuery dosya yükleme komut dosyalarının bir listesini topladık.

Çok fazla seçenek olduğundan, hiçbir seçeneğin en iyisi olmadığını belirtmek isteriz, bunun yerine her gereksinim için nihai hedefi yakından araştırmanız gerekir, bu nedenle kişisel dosyalarınızı yüklemek için kişisel bir dosya yükleme komut dosyası oluşturmak istiyorsanız, o zaman daha minimal bir yükleme komut dosyası seçin, ancak gündeminiz çok işlevli bir dosya yönetimi web sitesi oluşturmaksa, daha geniş işlevsellik sağlayan komut dosyalarına bir göz atın, burada listemizdeki her şeyden biraz bulacağınızdan emin olabilirsiniz.

PekeYükle

PekeUpload, web tasarımcıları için hafif bir bileşen çözümüdür. Bir jQuery + HTML5 özellik kombinasyonu kullanarak dosya yüklemek için bir web sitesi widget'ı olarak kullanabilirler. Bootstrap ile inşa edilen PekeUpload'ın stili inanılmaz derecede kolaydır ve kendini genişletmek için tonlarca yol sunar. PekeUpload ile dosya yüklemelerinizin kontrolü sizde kalır. Dosya boyutu sınırlarını belirleyebilir ve bileşeninizin kabul edeceği dosya türünü seçebilirsiniz. Geleneksel hata bildirimleri sizi yoruyorsa, kendi özel hata bildirimlerinizi ayarlayabileceğinizden emin olabilirsiniz. Görsel içeriği yüklemeden önce ve sonra doğrudan önizleyebilirsiniz.

jQuery Dosya Yükleme (En Popüler)

jQuery File Upload, jQuery içinde dosya yüklemenin nasıl çalıştığının ve dosyaların basitçe yüklenmesi ve kaydedilmesi için nasıl kullanılabileceğinin mükemmel bir örneğidir. Bu kitaplık, biraz daha çok yönlü özellikler sunar. Başlangıç ​​olarak, yerel jQuery UI ve projeleri için hızlı ve güvenilir bir dosya yükleme çözümüne ihtiyaç duyan AngularJS geliştiricileri için seçim yapabileceğiniz 5 farklı stil ile birlikte gelir.

Özellikler, masaüstünüzden veya başka bir klasörden doğrudan yükleyiciye birden fazla dosyayı sürükleyip bırakma araçlarını içerir, yüklemelerinizi iptal edebilir ve aynı zamanda devam ettirebilirsiniz, her yükleme için bir ilerleme çubuğu vardır, böylece işlerin ne zaman biteceğini bilirsiniz. modern tarayıcılar, resimleri yüklendikten sonra düzenleyebilecek ve aynı tarayıcılar, yüklenen tüm dosyaları sonlandırmadan önce önizlemeyi mümkün kılacak. Standart HTML form dosya yüklemelerini destekleyen herhangi bir sunucu tarafı platformla (PHP, Python, Ruby on Rails, Java, Node.js, Go vb.) çalışır.

jQuery Ajax Dosya Yükleyici

jQuery Ajax Dosya Yükleyici, dosya yükleyicilerinin ne kadar basit (ancak modern) olabileceğinin harika bir örneğidir. Burada, birden çok dosya seçeneğiyle basit bir dosya yükleme yaklaşımı kullanan bir yükleyici ve aynı sayfada basit bir ilerleme çubuğu widget'ı var. Modern tarayıcı için oluşturulmuş olmasının yanı sıra, bu eklenti, sizin için doğru deneyimi oluşturabilmeniz için yapılandırma içinde uygun parametreleri ayarlamak için biraz JavaScript ve AJAX bilgisi/becerisi gerektirecektir, ancak o zaman bile - parametrelerin çoğu sadece geleneksel dizi ayarlarıdır ve değiştirmek için fazla düşünmeyi gerektirmez. Bootstrap ile oluşturulmuştur.

Önyükleme Dosya Girişi

Bootstrap File Input'un sadeliği ve gücü kesinlikle sizi kazanacaktır. Bu dosya yükleme aracı hem Bootstrap hem de 4 ile uyumlu olarak gelir. Entegrasyon çok kolay olacak ve herkesin az bir çalışmayla bundan en iyi şekilde yararlanmasını sağlayacaktır. Toplu işlemler, çeşitli dosya desteği, önizleme ve içeriği sürükleyip bırakma, tüm bunlar ve daha fazlası, Bootstrap Dosya Girişi'nin size kolaylık sağlaması için sunduğu şeydir. Yükleme bilgilerini gözden geçirin ve uygulamanıza sorunsuz dosya yükleme özelliği entegrasyonu için gerekli tüm kılavuzu toplayın. Ayrıca, ücretsiz bir araçtır, bu nedenle suları test edebilir ve hatta buna katkıda bulunabilirsiniz.

dosya havuzu

Filepond, her şeyi kabul eden bir jQuery dosya yükleme komut dosyası için akıllı bir addır. Her tür dosyayı karşılayan bir JavaScript kitaplığıdır, hatta URL'ler, dizinler, bloblar ile çalışır, adını siz koyun. Filepond ile çalışırken seçenekler ve olasılıklar çoktur - ve onu sıfırdan oluşturmanıza gerek yok, ne kadar havalı? Filepond'un mükemmel performansı sayesinde kullanıcı deneyimi de her zaman yerinde olacaktır. Dosyaları sürükle ve bırak, klavyede gezinme, görüntü optimizasyonu ve tam yanıt verme, bunlar Filepond'un spor yaptığı temel özelliklerden bazıları. Evet, Filepond'u toplu yükleme için de kullanabilirsiniz.

Boşaltma noktası

Dropzone, kullanmaya çalıştığınız web sitesindeki bir bileşen widget'ında çalışan modern bir sürükle ve bırak dosya yükleyicisidir, ancak geleneksel tıklama ve yükleme konseptini de destekler. Dropzone'u resim yükleme için kullanmayı planlıyorsanız, kitaplık dosyalar yüklendikten sonra canlı resim düzenlemeyi destekler - düzenleme, yeniden boyutlandırma, kırpma vb. Tüm dosya yolları ve dosya türü yapılandırmaları arka planda gerçekleşir, bu nedenle komut dosyasını bir üretim sunucusunda başlatmadan önce Yapılandırma dosyalarıyla çalışmanız gerekir. Resmi Dropzone ana sayfası, hemen başlamak için ihtiyacınız olan tüm belgelere sahiptir.

İnce Yükleyici

Başka bir tam ölçekli jQuery dosya yükleyici çözümü, dosyaları yüklemek, yönetmek ve ölçeklendirmek için çok popüler bir jQuery kitaplığı olan Fine Uploader olarak adlandırılır. Fine Uploader'ın öne çıkan özelliklerinden bazıları, başarısız dosya yüklemelerini baştan değil, yüklenmeyen son yığından yeniden deneme yeteneğidir - bu aynı zamanda dosya yığınlama ve bölme adı verilen gerçek kitaplığın bir parçasıdır. Fine Uploader, bulut dosya yönetimini tam olarak destekler, yani dosyaları Amazon S3 veya Microsoft'un Azure'ına yükleyebilirsiniz ve diğer daha basit özellikler arasında, yükleme sırasında dosyaları düzenleme ve silme izni bulunur. Bu, belki de daha büyük bir aktif kullanıcı topluluğunun dahil olduğu güvenilir bir dosya yükleme çözümüne ihtiyaç duyan herhangi bir site için hemen hemen eksiksiz bir çözümdür.

Flow.js

Flow.js adlı başka bir harika kaynakla dosya yükleyici komut dosyalarımızın akışını sürdürelim! Flow.js, HTML5 Dosya API'si aracılığıyla birden çok eşzamanlı, kararlı ve devam ettirilebilir yükleme sağlayan bir JavaScript kitaplığıdır. Kitaplık, üçüncü taraf bağımlılıkları gerektirmez. Dosya yüklemelerini duraklatma ve devam ettirme, kayıp yüklemeleri kurtarma ve yükleyicideki hataları işleme gibi özelliklere sahiptir. Sürükle ve bırak dosya yükleme çözümü, BÜTÜN klasörleri yükleme yeteneği ve görüntü dosyaları için dosya önizlemesi vardır. Ayrıca, yüklediğiniz dosyanın ilerleme durumu hakkında sizi kontrol altında tutmak için ilerleme çubukları vardır. Başarısız olan yüklemelerden kaybolan parçaları kurtarabildiğinizden emin olmak için yüklemeleri yığın haline getirin ve bunun yerine zamandan ve baş ağrısından tasarruf etmek için bu noktadan devam ettirin.

formtaşı

Formstone, aslında tek bir proje içinde çok sayıda ürün olması bakımından listemize özgüdür. Ancak Formstone, çok kullanışlı ve çok işlevsel bir dosya yükleme yönetimi çözümü olan bir Yükleme bileşenine sahiptir. Bu çözümü hem küçük hem de büyük web siteleri ve uygulamalar için sunarlar. Hafif bileşen, hafif bir ilerleme çubuğu eklenmiş olarak tek veya birden çok dosya yüklemenize olanak tanıyan basit bir sürükle ve bırak arabirimine (tıklama etkileşimli) sahiptir. Ağır yağ içermeyen ekstra bileşenler arayan web siteleri için çok etkili bir çözümdür. Ama aynı zamanda Formstone kendi içinde bir projedir. Diğer birkaç düzine bileşeni bir araya getirebilir ve bundan bir web veya uygulama projesi oluşturabilirsiniz. Sundukları çeşitli bileşenler arasındaki etkileşimi tam olarak anlamak için Formstone hakkında daha fazla bilgi edinin.

Omurga Yükleme Yöneticisi

Omurga, anahtar/değer bağlama ve özel olaylar, koleksiyonlar içeren modeller sağlayarak JavaScript ağırlıklı uygulamalara yapı sağlar. Numaralandırılabilir işlevlerden oluşan zengin bir API ve bildirime dayalı olay işlemeye sahip görünümler içerirler. Ayrıca RESTful JSON arayüzü üzerinden mevcut tüm uygulamalarınıza bağlayabilir. Çok iyi bilinen bir JavaScript çerçevesidir ve Omurga Yükleme Yöneticisi bu çerçeve ve kullanıcıları için mükemmel bir tamamlayıcıdır. Kullanıcı Arayüzü ve gerçek deneyim, güçlü bir özellik ve yetenek listesiyle oldukça moderndir. Bunlar, yalnızca Omurga gibi sağlam bir çerçevenin sağlayabileceği niteliklerdir.

Dosya Bırak

FileDrop.js, doğrudan tarayıcıya dosya yüklemeye odaklanan JavaScript için optimize edilmiş bir dosya yükleme kitaplığıdır. Çok fazla başka işlevsellik olmadan özel bildirim uyarılarına sahiptir. Dosyalarınızı seçin veya sürükleyin, yükle'yi tıklayın ve başarılı bir yüklemeden haberdar edilmenizi bekleyin. Gerekirse birden fazla dosya yüklemesini etkinleştirme yeteneği vardır.

Dosya API'si

Geliştiriciler elbette dosya yönetimi için kendi jQuery kitaplıklarını oluşturabilirler. Çok fazla öğrenme deneyimi sağladığı için mantıklı. Ayrıca, kod tabanından sorumlu olan siz olursunuz. Sorunu çözmenin başka bir yolu, tek bir amaç için oluşturulmuş bir API'ye güvenmektir. Bu durumda, dosya yükleme ve dosya yönetimidir. FileAPI'ye bakmanızı öneririz. Masaüstü uygulamaları için dosya yükleyicileri oluşturmak için gerekli işlevleri, çağrıları ve olayları sağlayan tamamen geliştirilmiş bir projedir. Bunu mobil uygulamalar ve genel web projeleri için de yapabilirler.

yükleme

Plupload, olgunlaşması gerçekten uzun süren projelerden biri, ancak deneyimsiz olduğu için değil. Bunun nedeni, o zamanlar dillerin web için sağlayabileceği sınırlı sayıda özellik olmasıdır. Artık HTML5, web geliştirme ortamını değiştirdiğine göre, Plupload gerçekten parlayabiliyor. Plupload, güçlendirilmiş dosya yükleyicileri oluşturmak için bir dizi araç ve özellik sağlayan bir dosya yükleme yönetimi API'sidir. Birkaç hafta boyunca kendi kodunuzu kodlamanıza gerek kalmadan bunu birkaç dakika içinde yapabilirler.

devam ettirilebilir.js

Bu, birden çok yüklemeye, yüklemeleri duraklatmaya ve devam ettirmeye ve genel bir kararlılık sağlayan basit bir dosya yükleme ortamı sağlar. Devam ettirilebilir yüklemeleri etkinleştirmek için büyük dosyaları kolayca birkaç parçaya bölebilirsiniz. Dosyanızın, bıraktığınız yerden yüklenmeye devam edeceğinden emin olabilirsiniz. Geçiş sırasında bağlantı koptuğunda bile dosyanızı yükleyebilir.

Yükle

Kullanıcı Deneyimini geliştirmek için biraz jQuery kullanan, tamamen çalışan bir HTML5 dosya yükleyicisine ne dersiniz? İlgilenenler için Uploadify'ı önerebiliriz. Geliştiriciler, onu bir JavaScript kitaplığı ile oluşturdular ve akıllarında tam olarak bu amaca sahipler. Geliştiriciler, eski geleneklere inananlar için bir Flash sürümü de eklediler. Konular ve destek sorularıyla dolu mevcut bir topluluk forumları var. Ancak, söyleyebileceğimiz kadarıyla, topluluk forumları son birkaç yıldır pek aktif değil.