Allereerst wil ik aangeven dat dit een secundaire encapsulatie is van de open-source uploadcontrole van WebUploader, en de onderliggende laag wordt nog steeds geïmplementeerd door WebUploader, om het beknopter te gebruiken.
Laten we eens kijken naar WebUploader
Introductie:
WebUploader is een eenvoudig, op HTML5 gebaseerd modern bestandsuploadcomponent, ontwikkeld door het Baidu WebFE (FEX) team. In moderne browsers kan het volledig profiteren van de voordelen van HTML5, zonder de reguliere IE-browser te verlaten, met gebruik van de originele FLASH-runtime, compatibel met IE6+, iOS 6+ en Android 4+. Dezelfde aanroepmethode kan door gebruikers op elk moment worden gebruikt wanneer de twee sets runtimes beschikbaar zijn.
Het gebruik van grote bestandsscherven en gelijktijdige upload verbetert de efficiëntie van het uploaden van bestanden aanzienlijk.
Officieel websiteadres: http://fex.baidu.com/webuploader/
Als je geïnteresseerd bent om alleen te spelen, kun je direct naar de officiële website gaan
Laten we de tekst beginnen:
Uit het bovenstaande blijkt dat de WebUploader-functie van Baidu inderdaad zeer krachtig is, maar zoals alle uploadbesturingen is deze omslachtiger in gebruik, zoals het volgende:
Je moet eerst een aantal gerelateerde bibliotheken raadplegen,
Schrijf daarna de HTML goed
We willen niet al deze zaken!, slechts twee zinnen, haal onze upload. Als volgt:
Ik heb geschreven dat bootstrap-stijl CSS automatisch verwijst,
Ondersteuning voor meerdere bestandsuploads,
Identificeer automatisch dubbele bestanden,
Optionele automatische upload en handmatig uploaden,
Je kunt meerdere uploadcontroles op een pagina renderen zonder conflicten
Dan kun je zelf enkele configuratieparameters voor WebUploaders zelf configureren.
Laten we direct naar de JS-widget gaan die ik heb verpakt (een beetje rommelig, laten we het ermee doen):
Sommige gerelateerde en belangrijkere parameters zijn met aantekeningen opgeschreven, en je kunt die zelf raadplegen.
Laten we hem dan gebruiken.
Schrijf onze JS en HTML als volgt:
Dat is oké, het is het vermelden waard
Voor de parameters in powerWebUpload, raadpleeg de API op de officiële website
De GetFilesAddress()-methode geeft na het uploaden een array van bestandspaden terug, en je kunt het zelf ophalen.
Tot slot, de laatste demo die ik schreef, geïmplementeerd met Asp.net MVC, kun je die zelf downloaden:
Baidu Netdisk:
Link: http://pan.baidu.com/s/1o8B0xOQ Wachtwoord: 9kws
Origineel: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Geplaatst op 27-06-2016 15:13:30
|
|
|
|
Geplaatst op 04-05-2020 21:03:04