Öncelikle, bunun WebUploader açık kaynak yükleme kontrolünün ikincil bir kapsüllenmesi olduğunu ve altta yatan katmanın hâlâ WebUploader tarafından uygulandığını belirtmek isterim, sadece daha kısaca kullanmak için.
WebUploader'a bir göz atalım
Giriş:
WebUploader, Baidu WebFE (FEX) ekibi tarafından geliştirilen basit bir HTML5 tabanlı modern dosya yükleme bileşenidir. Modern tarayıcılarda, HTML5'in avantajlarını tam anlamıyla kullanabilir, ana akım IE tarayıcısını terk etmeden, orijinal FLASH çalışma zamanını kullanarak IE6+, iOS 6+ ve Android 4+ ile uyumludur. Aynı çağrı yöntemi, iki çalışma zamanı seti mevcut olduğunda kullanıcılar tarafından herhangi bir zamanda kullanılabilir.
Büyük dosya parçaları ve eşzamanlı yükleme kullanımı, dosya yükleme verimliliğini büyük ölçüde artırır.
Resmi web sitesi adresi: http://fex.baidu.com/webuploader/
Kendi başınıza oynamak istiyorsanız, doğrudan resmi web sitesine gidebilirsiniz
Metne başlayalım:
Yukarıdakilerden, Baidu'nun WebUploader fonksiyonunun gerçekten çok güçlü olduğunu görebiliriz, ancak tüm yükleme kontrolleri gibi, kullanımı daha zahmetlidir, örneğin aşağıdakiler:
Önce birçok ilgili kütüphaneye başvurmanız gerekiyor,
Sonra HTML'yi iyi yaz
Bunların hepsini istemiyoruz!, sadece iki cümle, yüklememizi al. Şöyle:
Bootstrap tarzı css'nin otomatik olarak referans vereceğini yazdım,
Çoklu dosya yüklemelerini destekliyor,
Otomatik olarak tekrarlanan dosyaları tanımlayın,
Isteğe bağlı otomatik yükleme ve manuel yükleme,
Bir sayfada birden fazla yükleme kontrolünü çakışma olmadan render edebilirsiniz
Sonra bazı WebUploader ile ilgili yapılandırma parametrelerini kendiniz ayarlayabilirsiniz.
Doğrudan paketlediğim JS widget'ına gidelim (biraz dağınık, idare edelim):
Bazı ilgili ve daha önemli parametreler notlarla yazıldı ve onlara kendiniz başvurabilirsiniz.
O zaman onu kullanalım.
JS ve HTML'mizi aşağıdaki şekilde yazalım:
Sorun değil, belirtmekte fayda var
powerWebUpload'taki parametreler için lütfen resmi web sitesindeki API'ye bakın
GetFilesAddress() yöntemi, yüklemeden sonra bir dizi dosya yolu döndürür ve kendiniz alabilirsiniz.
Son olarak, yazdığım son demoyu Asp.net MVC ile uyguladığım ve kendiniz indirebilirsiniz:
Baidu Netdisk:
Bağlantı: http://pan.baidu.com/s/1o8B0xOQ Şifre: 9kws
Orijinal: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Yayınlandı 27.06.2016 15:13:30
|
|
|
|
Yayınlandı 4.05.2020 21:03:04