Web Tasarımı ile uğraşan arkadaşların oldukça işine yarayacağını düşündüğüm CSS, HTML5 ve jQuery Ajax ile yapılmış dosya yükleme kodları paylaşmak istedim. Bu kodlar ile istediğiniz tarzda tasarımlar formlar yapabilirsiniz.
Bir proje için farklı bir dosya yükleme arayüzü ve tasarımı ile uğraşırken proje sahibi farklı olarak istedikleri ile ilgili İnternet'te araştırma yaparken karşılaştım. Kütüphanemde uzun zamandır bekliyen bu kod örneklerini sizinle paylaşmak istedim.
Umarım faydalı olur. Görüş ve önerilerinizi bekliyorum.
Sürükle-Bırak Dosya yükleme
Önizlemeli Sürükle-Bırak Dosya yükleme (HTML5)
Resim Yükleme
Önizlemeli, sürükle-bırak resim yükleme
Angular Dosya Yükleme
Birden fazla dosya yükleme
DropZone Yükleme
Dosya Yüklemesi için Animasyonlu CSS Arayüz
Birden fazla dosya yükleme
Resimler için yükleme ve Kesme ve kaydetme özellikli
Avatar için dosya ve resim Yükleme Arayüzü
Yükleme formu Dosya türü özellikli
CSS Sürükleme il çalışan dosya Yükleme
Animasyonlu resim yükleme
HTML ve CSS ile yapılmış Sürükle Bırak Özellikli dosya yükleme
Javascript ile yapılmış dosya veya resim yükleme
dosya yükleme kodu
Dosya yükleme formu
Dropzone Sürükle bırak Yükleme
jQuery Sürükle Bırak Dosya Yükleme
Google App Engine, PHP, Python, Ruby on Rails, Java, ve daha fazlası için kullanılabilir.
Plupload 2.1.2
jQuery kullanılarak yapılan arayüzü ile dosya seçerek yükleme
FileGator
ImagePicker: Uploader – Webcam – Cropper
ImagePicker veya imgPicker kullandığı yükleme özellikli
HTML5 Sürükle Bırak dosya Yükleme
jQuery HTML5 File Upload with Bar Progress
You can drag & drop files from your desktop on this webpage with Google Chrome, Mozilla Firefox and Apple Safari.
demo download download / more info
demo download download / more info
