Jquery Multi File Upload
Bir başka çok işinize yarayacak kütüphane daha. Eğer kullanıcılarınıza aynı anda birden çok dosya yükletmek isterseniz, çözüm basit : jQuery Multiple File Upload.
Bu kütüphanenin özelliklerini saymak gerekirse;
- Çoklu dosya yükleme yapabilme.
- Uzantı kısıtlaması gerçekleştirebilme.
- En fazla kaç tane dosya yükleme sınırı koyabilme.
Nasıl Kullanılır?
<script src="jquery-latest.js" type="text/javascript" language="javascript"></script> <script src="jquery.MultiFile.js"type="text/javascript" language="javascript"></script>
İlgili javascript kütüphaneleri sayfanın <head> kısmına eklenir.
<input type="file" class="multi" maxlength="2" accept="gif|jpg"/>
Yukarıdaki input tagini kısaca açıklayalım. Bu input taginin multifile upload kütüphanesinin çalışmasını istiyorsak, class ına “multi” yazısını yazarız. “maxlenght” kısmına kaç tane dosya yüklemesine izin veriyorsak o sayıyı yazarız. “accept” değişkeninede kullanıcının hangi dosyaları yüklemesine izin vereceğimizi yazıyoruz.
Not: Haliyle kullanıcının bize ne gönderdiğini illaki sunucu üzerinde de kontrol etmemiz gerekmektedir. Yeni olan arkadaşlara sölemekte fayda var.
Görüldüğü üzere işlem tamamlanmıştır. Bundan sonra sunucu kısmında ilgili kodu yazarak kullanıcının bize göndermiş olduğu dosyaları kaydedebiliriz.
Website Adresi : http://www.fyneworks.com/jquery/multiple-file-upload/
İndirmek için Adres : multiple-file-upload.zip
Herkese iyi çalışmalar…
Yorum Yapın
Etiketler
Son Yazılar
- Uzak sunucuda bulunan android cihaz ile otomasyon
- Mac’ de çoklu Java versiyon yönetimi
- İş yarar docker komutları
- Eski branchlerin git’ den silinmesi
- Kubernetes Süresi Dolmuş Sertifikaları Yenilemek
Son Yorumlar
- Hosting koşuşturması için
- Garanti Sanal Pos Kurulumu, Sorunlar ve Çözümler için
- Visual Studio Toolbox’a component(bileşen) eklenmesi için
- “File is too large for destination file system” hatasını gidermek için
- Php’de UTF-8 Türkçe karakter sorunu ve çözümü için
Bağlantılar
Arşivler
- Kasım 2021
- Eylül 2021
- Ağustos 2021
- Temmuz 2021
- Aralık 2020
- Kasım 2020
- Ekim 2020
- Eylül 2020
- Kasım 2017
- Mayıs 2017
- Mart 2017
- Şubat 2017
- Ocak 2017
- Nisan 2015
- Aralık 2014
- Mayıs 2014
- Eylül 2013
- Haziran 2013
- Şubat 2013
- Kasım 2012
- Ekim 2012
- Eylül 2012
- Mart 2012
- Şubat 2012
- Ocak 2012
- Aralık 2011
- Kasım 2011
- Ekim 2011
- Eylül 2011
- Temmuz 2011
- Haziran 2011
- Mayıs 2011
- Mart 2011
- Ocak 2011
- Aralık 2010
- Kasım 2010
- Ekim 2010
- Eylül 2010
- Ağustos 2010
- Temmuz 2010
- Haziran 2010
- Mayıs 2010
- Nisan 2010
- Mart 2010
- Şubat 2010
- Ocak 2010
- Haziran 2009
- Mayıs 2009
- Nisan 2009
- Mart 2009