WebUploader giriş düzeyi uygulama eğitimi
Arka plan: springboot 1.5.1 + Thymeleaf 1.5.1 + WebUploader 0.1.5
Adım 1: Proje paketini indirmek için resmi web sitesine gidin
2. Adım: CSS ve JS'yi tanıtın
3. Adım: Sayfada dosya bilgilerini depolamak için bir seçici düğmesi ve bir liste kapsayıcısı hazırlayın
Adım 4: WebUploader'ı başlatın, js kodu aşağıdaki gibidir
Not: Burada auto değerini true olarak atadım, bu da dosyanın otomatik olarak yüklendiği anlamına gelir, bu nedenle sayfada herhangi bir yükleme düğmesi yoktur.Değer false olarak atanmışsa, bir yükleme düğmesi eklemeniz ve dosyayı uploader.upload () yöntemi ile yüklemeniz gerekir;
Swf dosya yolu kendi yolunuzu yazın, burada dosyayı js klasörüne koyuyorum;
sunucu, arka plan sunucusu tarafından alınan istek eşlemesidir;
fileVal burada karşılaştığım ilk çukurdur.Arka plan kontrol katmanı onu bu dosya adıyla alır ve varsayılan değer file;
dosya seç düğmesini seçin;
Kabul Et Burada yüklenen dosyaların, ses, video veya resimlerin türünü yapılandırabilirsiniz.İnternetteki bazı yerler, mimeTypes ince yapılandırılmadığı için dosya seç düğmesine tıkladıktan sonra dosya seçmek için bir açılır klasör olmadığını söylüyor.Örneğin, onu ses / mp3 olarak yapılandırmalıyım , audio / wav, audio / mp4; Ancak bu konfigürasyonda herhangi bir sorunla karşılaşmadım;
Çoğaltma, açıkça tekrar tekrar yüklenebileceği anlamına gelir ve yanlış, tekrar tekrar yüklenemeyeceği anlamına gelir;
Burada başka bir soru daha var: !!! Bu daha önemli. Ben java koduyum ve nesnenin özelliklerini arka uca form gönderimi şeklinde gönderiyorum. O halde özelliklerim nerede tanımlanıyor? Dosyam veritabanındaki hangi alana karşılık geliyor?
Burası burası
Dosya yüklemesi başarıyla yürütüldükten sonra, bu yöntemi çağırın, yanıt arka plandan döndürülen karşılık gelen nesnedir, dosya yüklemesi başarılı olduktan sonra URL adresi vardır, giriş etiketine bakın, yani gizli Giriş etiketi dosya adresini ad özniteliği üzerinden atar Nesnedeki özellikler, um, işte bu
Beşinci adım: arka plan java kontrol katmanı kodu
Burada, veritabanında depolanan önek ve dosyanın kaydedildiği fiziksel yol bir yapılandırma dosyası biçiminde yapılandırılır;
Yalnızca iki veya üç sabitin yapılandırılması gerektiğinden, aşağıdaki kod doğrudan springboot yapılandırma dosyasına eklenir
Ardından, kontrol katmanında yapılandırılan değeri almak için değer ek açıklamasını kullanın
6. Adım: Dosyayı yükleyin, sayfa efekti aşağıda gösterildiği gibidir
Yükle'yi tıklayın ------- bir istisna atın;
Açıkçası, yüklenen dosya çok büyük;
Springboot yapılandırma dosyasında yapılandırın
Bu, springboot1.4'ten sonraki yapılandırmadır, springboot1.4'ten önceki yapılandırmanın önceki Spring.http'yi eklemesine gerek yoktur;
Dosyayı tekrar yükleyin, etki aşağıdaki gibidir
Eh, kendi parametrelerinizi getirebilir ve bazı metin açıklamaları ekleyebilirsiniz, ancak bunu henüz çalışmadım.Araştırma bittikten sonra bir blog yazacağım;
7. Adım: Sayfa yankılanır ve etki aşağıdaki gibidir
Tarz çirkin, ancak oynatılabilir ve indirilebilir ve işlev uygulamasında herhangi bir sorun yoktur
Sayfa kodu aşağıdaki gibidir:
Buradaki ön uç şablonu Thymeleaf kullanıyor
Buradaki bir not, video etiketine aşina değilim, daha önce kullanmadım, bu yüzden küçük bir hata yaptım, kontrollerin özniteliğini eklemedim ve sonra sayfa ses dosyasını görüntüleyemedi, ne yazık ki, uzun süre aradıktan sonra bu öznitelikle ilgili bir sorun oldu. , Kontroller özelliği, tarayıcının video için oynatma kontrolleri sağladığını belirtir. Bu özelliği daha önce eklemedim, yani tarayıcı sesim için oynatma kontrolleri eklemiyor, bu yüzden sayfada hiçbir şey yok ...
