En İyi HTML5 jQuery Dosya Yükleme Komut Dosyaları

14 Best HTML5 jQuery File Upload Scripts






14 Best HTML5 jQuery File Upload Scripts


jQuery AJAX, html5 web sitesi işlevselliğini minimum kod ve eforla geliştirir. HTML5 web siteleri bugünlerde web geliştiricileri arasında büyük ilgi görüyor, bu nedenle yeni fonksiyonel web siteleri oluşturmak rekabette avantaj sağlamak için önemlidir. jQuery çoklu tarayıcı desteğine sahip olduğundan, ajax kodunu jQuery ile entegre etmek artık çok kolay. Ajax, herhangi bir sayfa yeniden yüklenmeden istemci tarafı etkileşimi sağlamak için tüm komut dosyalarını arka planda eşzamansız olarak yükler. JQuery ajax'ın son birkaç yılda bu kadar popüler olmasının nedeni budur. Ajax'ın nerede kullanıldığını bilmiyorsanız, örnekler Facebook, Google, YouTube vb.


jQuery Ajax Dosya Yükleme komut dosyaları, çapraz platform desteğine sahip oldukları için bir php veya asp.net sayfasında kullanılabilir. Web sitelerinin indirilmesi, kayıtlı üye veya web yöneticisi tarafından çok sayıda dosyanın yüklenmesini gerektirir. Dribbble ve deviantart, tasarım öğelerini kolayca indirebilecekleri web sitelerine yükleyebileceğiniz sitelerdir. Ftp üzerinden dosyaları web sitesine manuel olarak yüklemek basit değildir, bu nedenle HTML'deki jQuery Ajax uygulamasının önemi büyük hale gelmiştir. Sadece kod sayfasını HTML sayfasına ekleyin ve kullanıcıların yüklenecek dosyaları seçmelerine izin veren güzel bir addon göreceksiniz.

Belirli bir web sitesi için doğru dosya yükleme komut dosyasını seçmek, web sitesi kullanımına bağlıdır. Kesin olması gereken bazı komut dosyaları, dosyaları masaüstünden dahil ettiğiniz komut dosyasının bırakma bölümüne sürükleyip bırakmanıza izin verir. Dosyaları bazı komut dosyalarında addon widget'ına bıraktığınızda yükleme anında başlayacaktır. Diğerleri, yüklemek istediğiniz dosyaları seçmenize izin verecek ve bu kadar çok sevgiyi yüklemeye başlamak için gönder düğmesine tıklayın. İlerleme çubuklu yükleme durumu, bir dosya veya birden çok dosya sunucuya yüklenirken güzel bir şekilde gösterilir. İlerleme çubuğu isterseniz temanıza göre stillendirilebilir.

Mini AJAX Dosya Yükleme Formu

Çalışırken bakmak için tamamen çene kesen bir mini yükleme formu. Madde gelişiminiz için faydalı olabilecek ücretsiz bir script içermelidir.
Özellikler
  • Birden çok dosya yükleme
  • Eşzamanlı yükleme
  • Bir şey yükleyin.
  • Sürükle ve Bırak Desteği
  • Flash kullanılmadı
  • Küçük Yükleme Formu tüm mobil cihazlara uygundur.
  • İlerleme çubuğunu temizle
  • İstediğiniz Zaman İptal Et
  • Öğretici mevcuttur
  • Ücretsiz Script
Mini AJAX File Upload Form

Dropzone JS

Kolay dosya yükleme ve kolay web sitesi entegrasyonu için hafif bir jquery eklentisi. Bu eklentinin sahip olduğu ve eklentinin iyi bir şekilde belgelendiği çok sayıda özellik listesine göz atın.
Özellikler
  • Duyarlı Tasarım
  • Birden Çok Dosya Yüklemesi
  • Tüm Dosya Formatları desteklenir
  • Görüntüler için görüntü önizlemesi
  • Üst arayüzü
  • İptal Et, Seçenekleri Kaldır
  • sürükle ve bırak
  • Sıralı Yükleme
  • Ücretsiz Script / eklenti
dropzone jsscript

jQuery Dosya Yükleme Demosu

Bu betiğin temel artı UI sürümü, herkesin birden fazla dosya seçiminden hoşlanmayı umduğu özelliklere izin verir. Dosyalar sürüklenebilir ve amp; Sunucuya, sunucuya yapılan toplam yayılma ilerlemesini gösteren ilerleme çubuğu ile birlikte bırakın. Kayıtlı üyelerin dosya yüklemeye tam erişimini sağlamak için bu şaşırtıcı yükleme komut dosyaları ile ticari web siteleri yapmaya başlayın. Kullanım yerleri, galeriye yeni görüntüler yüklemek, misafir ilanı veya özgeçmiş için form verilerini yüklemek vb. Ayrıca Firefox, Chrome, IE, Safari, Opera sürümleri de desteklenmektedir. Premium web siteleri oluşturmak için premium komut dosyaları gerekir, bu nedenle tamamen benzersiz olacak bir komut dosyası almaktan çekinmeyin. Ücretsiz html5 jquery dosya yükleme komut dosyalarını ekledik, bu nedenle, kendi web sitenize bir yükleme formu eklemekle ilgileniyorsanız endişelenmeyin. Yüklemenin nasıl çalıştığını gösteren örnek ekran görüntülerini kendim kontrol ettikten sonra kontrol edin. Bu konuda daha fazla yardıma ihtiyacınız olursa bana bildirin ve yeni güncellemeler için bizi takip etmeye devam edin.
Özellikler
  • Sürükle ve Bırak
  • Html İlerleme çubuğu
  • Birden fazla dosya ekle
  • Dosya yüklemelerine devam et
  • Dosya doğrulama ve boyut bilgisi
  • Yüklemeyi İptal Et
  • Yükleme dosyalarını sil
  • Yükleme başarısız olduğunda uyarıları göster
  • Duyarlı Widget Eklentisi
  • Ruby on Rails desteği
  • PHP desteği vs.
  • Ücretsiz Script
  • Yüklemek için yükleme işlemini başlat düğmesine basın.
jQuery ui file upload script

İnce Yükleyici

Web sitenize dosya yüklerken kullanıcılarınıza sorunsuz bir deneyim sunmak için Javascript eklentisi aracı. Fine Uploader, her tarayıcıda ve mobil cihazda web üzerinde dosya yüklemeyi mümkün kılmayı amaçlar. Çapraz tarayıcı, bağımlılık ücretsiz ve% 100 Javascript.
Özellikler
  • Dosyaları Sürükle ve Bırak
  • Görüntü Önizlemesini Aç / Kapat
  • Gönderme Düğmelerle Birlikte veya Yok
  • Dosya boyutunu sınırla
  • Bazı dosya formatlarına izin verme
  • Yüklenecek birden fazla öğenin sayısını sınırlayın.
  • Html İlerleme çubuğu
  • Doğrudan Amazon S3 depolama alanına yükleyin.
  • Pop-up ile hata mesajı
  • Kuyruk Dosyaları
  • Anında Yükleme
  • Önizlemesiz yüklenen dosyaların düz listesi.
  • İframe tabanlı yüklemeler için seçenek.
  • Ücretsiz indirin
jQuery uploader plugin

JQuery ile HTML5 Dosyası Yükleme

Bugün, modern tarayıcılar tarafından sunulan yeni HTML5 API'leri ile mümkün olan kişilerin fotoğraflarını tarayıcı penceresine sürükleyip bırakarak bilgisayarlarına fotoğraf yüklemelerini sağlayacak olan Upload Center adlı küçük bir web uygulaması geliştireceğiz.

Özellikler
  • Minimal Sürükle ve Bırak Arayüzü
  • Html İlerleme çubuğu
  • Düğme Yok
  • Görüntülerin anında yüklenmesi
  • Sadece resimlere izin verilir.
  • Yalnızca Chrome ve amp; desteği Firefox.
  • Görüntülerin önizlemesi.
  • Kullanmak ücretsiz.
jquery drag drop uploader

Plupload v2.0.0

Herhangi bir form türü yükleme seçeneğini kullanın, çünkü bu komut dosyası HTML5 web sitesine kolaylıkla entegre edilebilir. Görüntüler, toplam bant genişliğini de koruyarak toplam dosya boyutunda yeniden boyutlandırılır ve kırpılır.
Özellikler 
  • Birden Çok Dosya Ekleme
  • Flash tabanlı ilerleme çubuğu
  • Anında yeniden boyutlandırma
  • Sıralanmış Dosyalar
  • Dosya yüklemek için düğmeye basın.
  • Resimlerden başkalarını biçimlendirmek için hata mesajı.
  • İstediğiniz zaman yüklemeyi durdurun.
  • Toplam dosya boyutu
  • Ücretsiz script
pupload

Uploadify 

Dosya yükleme işlemini kolaylaştırmak için tamamen özelleştirilebilir bir script. Uploadify ™, web sitenize kolayca birden fazla dosya yükleme işlevi eklemenizi sağlayan bir jQuery eklentisidir.
Özellikler
  • Birden Çok Dosya Yüklemesi
  • Sürükle ve bırak
  • Gerçek Zamanlı İlerleme çubukları
  • Dosya için belirli kısıtlamalar
  • Premium destek
  • HTML5 sürümünün maliyeti 5 $
uploadify

jQuery Fileuploader Eklentisi

jQuery fileuploader eklentisi basitlik için tasarlanmış güçlü bir eklentidir. Uploadify'den ilham aldı ancak işlevselliği ve konsepti farklı. jQuery fileuploader, ajax yükleme ve sürükleme ve bırakma ve eski tarayıcılar için iframe yüklemeye geçmeyi destekleyen html5 api'yi kullanır.
Özellikler
  • Çoklu Dosya Seçimi ve Yüklemesi
  • Sadece resim
  • Dosyalar sıraya alındı
  • Yüklemek için gönder düğmesini
  • Platform bağımsız
  • Html İlerleme çubuğu
  • Html5 Sürükle & amp; Düşürmek
  • Ücretsiz script
jquery-fileuploader-codeigniter

Ajax + PHP Multi Images - Çoklu Dosya Yükleyicisi

Ajax + PHP Çoklu Görüntü-Çoklu Dosya Yükleyici, aynı formu kullanarak birden fazla Görüntü ve / veya Dosya yüklemek için kullanılan bir araçtır (tam bir Galeri değil). Ek olarak hayatınızı kolaylaştırmak için birçok özelliğe sahiptir.
Özellikler
  • Çoklu dosya yükleme
  • Flaşsız ilerleme çubuğu
  • Sürükle ve bırak
  • Herhangi bir dosyayı yükleyin (txt, pdf, jpg vb.)
  • Yüklenen resimleri kes
  • Webcam görüntüleri
  • Duyarlı tasarım
  • Resim açıklaması ekle
  • Önyükleme 3 Hazır
  • Sayfa yenileme yok
  • 11 $ fiyatındaki premium script
jQuery php multi uploader

The AwsmUploader: Sınırsız Flash ile Flash Yüklüyor!

AwsmUploader, dosyaları sürükleyip bırakarak (yerleşik) veya kendi kaynaklarından (normal dosya girişleri gibi) gelen dosyalarla besleyerek kolayca yüklemenizi sağlar. Düz JavaScript, HTML5 ve PHP (hepsi bu kadar gerekli) kullanılarak inşa edilmiştir.

AwsmUploader bunlardan herhangi birini gerektirmez: Flash, ActiveX, Chrome uzantıları, 3. parti kitaplıkları (örneğin, jQuery, Dojo, MooTools, Modernizr), herhangi bir türde eklenti, sunucu tarafı çerçeveleri vb.
Özellikler
  • Sürükle ve Bırak Desteği
  • Birden fazla dosya yükleme ve sıraya alma
  • Anında dosya boyutu sınırını ayarla
  • Limit Maksimum paralel yükleme
  • Resmin küçük resimlerini AÇIK / KAPALI olarak ayarlayın
  • Dosyaları bırakmak için büyük ilerleme çubuğu
  • Flaş kullanmak yasak
  • Tüm masaüstünü destekler & amp; mobil tarayıcılar
  • Çok büyük çoklu dosya formatları yükleyin
  • Duyarlı tasarım
  • Gerçek zamanlı dosya yüklemeleri
  • Premium script 12 $
AwsmUploader

HTML5 Saf Yükleyici

Normal görüntü yükleyicilerin ve diğer dosya türü komut dosyalarının sınırlarını zorlayan salt yükleyici komut dosyası. Yüklenen resme filigran ekleyin ve bunları kolayca yeniden boyutlandırın.
Özellikler
  • Dosyaları Sürükle ve Bırak
  • Herhangi bir dosya türünü yükleyin
  • Yüklemeleri iptal et
  • Görüntü filigranı ve yeniden boyutlandırın.
  • Bir seferde birden fazla dosya
  • Yüklemeyi başlat düğmesi
  • Duyarlı tasarım
  • HTML5 İlerleme çubuğu
  • Tüm en iyi tarayıcı desteği
  • Hata özelleştirmesi
pure uploader

Quform - Duyarlı Ajax İletişim Formu

Quform, birkaç dakika içinde herhangi bir web sayfasına kolayca katıştırabileceğiniz güçlü, duyarlı bir ajax iletişim formudur. Bu iletişim formu, ek dosyalarını kolaylıkla yerleştirmenize izin verir ve aynısını alıcıya gönderir. Mükemmel bir konuk posta senaryosu veya ilgilendiğiniz bir iş için yükleme işlemi devam ediyor. Form verileri veritabanına kaydedilir, bu nedenle bir veritabanı bu jQuery Ajax betiği için bir zorunluluktur.
Önemli özellikler
  • Birden çok dosya yükleme
  • Form gönderimini birçok faktörle sınırlayın
  • Duyarlı tasarım
  • Tüm büyük tarayıcılarda çalışır
  • Tüm mobil cihazlarda test edilmiştir (android veya iOS ile)
  • Form doğrulama ve amp; süzme
  • Veritabanına kaydedilen form verileri
  • Autoresponsders
  • Tüm dosya formatları yükleme için desteklenir.
  • Bir HTML veya php sayfasına kolay entegrasyon.
  • 6 $ tutarında premium script
  • 4000'den fazla satış
Responsive Ajax Contact Form

Küçük Dosya Yükleyici

Küçük Yükleyici, Flash kullanılmadan birden fazla dosya yüklenmesine izin veren bir PHP betiğidir. Bu dosya yükleyici AJAX kullanıyor ve sayfayı yeniden yüklemeye zorlamıyor. Dosyaların yüklenmesiyle ilgili geri bildirimler, iyi tasarlanmış bir kullanıcı arayüzü ile verilmektedir. Bu script küçük dosyaları yüklemek için idealdir.
Özellikler
  • Sürükle ve Bırak Aç / Kapat
  • Flash kullanmıyor
  • Sunucu yükleme hataları gösteriliyor
  • Dosya boyutunu ve türünü görüntüle
  • Dosya boyutunu sınırla
  • Çoklu dosya tipi desteği
  • Hafifliği
small uploader

FileGator

Tamamen farklı bir kullanım için tamamen farklı bir senaryo, günlük ihtiyaçlarınız için değil. Dosya ve klasörleri yükleyin, düzenleyin, yönetin, sıkıştırın ve paylaşın. Hepsine hükmedecek bir yükleme eklentisidir ve filehosting hizmetine giriyorsanız, aradığınız eklenti budur. Ben düşünebilirsiniz benzer ilgili hizmet rapidshare, mediafire, hotfile vb.
Özellikler
  • Birden fazla dosya ekle
  • Yüklenen Dosyaları Yönet
  • Yüklenen resimlerin küçük resim görünümü
  • Zip dosyaları çevrimiçi
  • Dosyaları herhangi bir klasöre taşı
  • Online klasör oluşturun
  • Kullanıcı kaydı
  • Kullanıcı hesaplarını yönetme arayüzü
  • Dosyayı e-postayla gönder.
  • Premium komut dosyası 9 $ maliyeti.
  • İlginç bir kavram.
file hosting upload script

Hiç yorum yok

Yorum yaparken:
1. Yaptığınız yorumun, mutlaka konuyla alakalı olmasına özen gösteriniz.
2. Yorumlarınızda yazım ve dil bilgisi kurallarına uymaya çalışın.
3. Konu ile ilgili olmayan sorularınız için İletişim sayfasını kullanınız.

Blogger tarafından desteklenmektedir.