|
|
Veröffentlicht am 27.06.2016 15:13:30
|
|
|
|
Zunächst möchte ich klarstellen, dass dies eine sekundäre Kapselung der Open-Source-Upload-Kontrolle von WebUploader ist und die zugrundeliegende Schicht weiterhin von WebUploader implementiert wird, nur um es prägnanter zu verwenden.
Schauen wir uns WebUploader mal an
Einleitung:
WebUploader ist eine einfache, auf HTML5 basierende moderne Datei-Upload-Komponente, die vom Baidu WebFE (FEX) Team entwickelt wurde. In modernen Browsern kann er die Vorteile von HTML5 voll ausschöpfen, ohne den gängigen IE-Browser zu verlassen, indem er die originale FLASH-Laufzeit nutzt, die mit IE6+, iOS 6+ und Android 4+ kompatibel ist. Die gleiche Aufrufmethode kann von Benutzern jederzeit verwendet werden, wenn die beiden Laufzeitsätze verfügbar sind.
Die Verwendung großer Dateisplitter und gleichzeitiger Upload verbessert die Effizienz des Dateiuploads erheblich.
Offizielle Website-Adresse: http://fex.baidu.com/webuploader/
Wenn du Interesse hast, alleine zu spielen, kannst du direkt auf die offizielle Website gehen
Beginnen wir mit dem Text:
Aus dem oben Stehenden sehen wir, dass Baidus WebUploader-Funktion tatsächlich sehr leistungsfähig ist, aber wie alle Upload-Steuerungen umständlicher zu bedienen ist, wie zum Beispiel die folgenden:
Du musst zuerst auf eine Reihe verwandter Bibliotheken referenzieren,
Dann schreibe das HTML gut
Wir wollen nicht all das!, nur zwei Sätze, hol dir unseren Upload. Wie folgt:
Ich habe geschrieben, dass CSS im Bootstrap-Stil automatisch referenziert,
Unterstützung für mehrere Dateihochladungen,
Identifikation von doppelten Dateien automatisch,
Optionaler automatischer Upload und manueller Upload,
Du kannst mehrere Upload-Steuerungen auf einer Seite rendern, ohne Konflikte
Dann können Sie einige WebUploader-bezogene Konfigurationsparameter selbst konfigurieren.
Gehen wir direkt zu dem JS-Widget, das ich verpackt habe (etwas unübersichtlich, machen wir es einfach):
Einige verwandte und wichtigere Parameter wurden mit Notizen festgehalten, und Sie können sie selbst aufrufen.
Dann lass uns ihn benutzen.
Schreiben wir unser JS und HTML wie folgt:
Das ist in Ordnung, das ist erwähnenswert
Für die Parameter in powerWebUpload siehe bitte die API auf der offiziellen Website
Die GetFilesAddress()-Methode liefert nach dem Hochladen ein Array von Dateipfaden zurück, und du kannst es selbst herunterladen.
Zum Schluss, die letzte Demo, die ich geschrieben habe, implementiert mit Asp.net MVC, kannst du sie selbst herunterladen:
Baidu Netdisk:
Link: http://pan.baidu.com/s/1o8B0xOQ Passwort: 9 kws
Original: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Vorhergehend:.net wird von SharpPcap geschrieben, einem Paketerfassungstool,Nächster:HTML-Datei-Upload-Box-Eingabe-Tag
|
Veröffentlicht am 04.05.2020 21:03:04