Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery-Datei-Upload-Plug-in Uploadify use guide_jquery

WBOY
Freigeben: 2016-05-16 16:46:00
Original
1353 Leute haben es durchsucht

Die HTML5-Version unterstützt mobile Browser besser, um zu vermeiden, dass der Safari-Browser auf Apple-Telefonen
Flash nicht unterstützt: Unterstützung für das Hochladen mehrerer Dateien, Drag-and-Drop-Upload für die HTML5-Version, Echtzeit-Upload Fortschrittsbalkenanzeige, leistungsstarke Parameter
Anpassungsfunktionen, wie Dateigröße, Dateityp, Schaltflächenbilddefinition, Datei-Upload-Skript usw.

So verwenden Sie die Flash-Version:
1. Laden Sie JS und CSS

Code kopieren Der Code lautet wie folgt:




4. Detailliertere Erläuterung der Parameterkonfiguration

Uploader: Der relative Pfad der Datei „uploadify.swf“ ist eine Schaltfläche mit dem Text „DURCHSUCHEN“. Beim Klicken wird das Dialogfeld „Datei öffnen“ ausgeblendet.
Skript: Relativer Pfad zum Hintergrundhandler. Standardwert: uploadify.php
checkScript: Der relative Pfad des Hintergrundverarbeitungsprogramms, mit dem ermittelt wird, ob die hochgeladene ausgewählte Datei auf dem Server vorhanden ist
fileDataName: Legen Sie einen Namen fest, und die hochgeladene Datei wird basierend auf diesem Namen abgerufen im Server, der Programmdaten verarbeitet. Standard ist Filedata
Methode: Übermittlungsmethode Post oder Get Standard ist Post
scriptAccess: Zugriffsmodus der Flash-Skriptdatei, wenn für lokale Tests immer eingestellt, Standardwert: sameDomain
Ordner: Verzeichnis, in dem sich hochgeladene Dateien befinden gespeichert.
queueID: Die ID der Dateiwarteschlange, die mit der ID des Divs übereinstimmt, das die Dateiwarteschlange speichert.
queueSizeLimit: Wenn Sie die Generierung mehrerer Dateien zulassen, legen Sie die Anzahl der ausgewählten Dateien fest, Standardwert: 999.
multi: Bei Einstellung auf „true“ können mehrere Dateien hochgeladen werden.
auto: Auf „true“ gesetzt und die Datei wird direkt nach der Auswahl hochgeladen. Wenn auf „false“ gesetzt, müssen Sie zum Hochladen auf die Schaltfläche „Hochladen“ klicken.
fileDesc: Dieser Attributwert muss auf das fileExt-Attribut gesetzt werden, bevor er gültig ist. Er wird verwendet, um den Eingabeaufforderungstext im Dateiauswahldialogfeld festzulegen. Stellen Sie beispielsweise
fileDesc auf „Bitte wählen Sie rar doc pdf“ aus Datei"
fileExt: Einstellung Der auswählbare Dateityp, das Format ist: '*.doc;*.pdf;*.rar'.
sizeLimit: Die Größenbeschränkung der hochgeladenen Dateien.
simUploadLimit: Die Anzahl der gleichzeitig zulässigen Uploads. Standardwert: 1.
buttonText: Text der Durchsuchen-Schaltfläche, Standardwert: BROWSE.
buttonImg: Pfad zum Durchsuchen des Bilds der Schaltfläche.
hideButton: Auf „true“ setzen, um das Bild der Schaltfläche „Durchsuchen“ auszublenden.
Rollover: Die Werte sind „true“ und „false“. Bei der Einstellung „true“ kommt es zu einem Umkehreffekt, wenn die Maus über die Schaltfläche „Durchsuchen“ bewegt wird.
Breite: Legen Sie die Breite der Schaltfläche „Durchsuchen“ fest, Standardwert: 110.
Höhe: Legen Sie die Höhe der Schaltfläche „Durchsuchen“ fest, Standardwert: 30.
wmode: Setzen Sie dieses Element auf transparent, um die Flash-Hintergrunddatei der Schaltfläche „Durchsuchen“ transparent zu machen, und die Flash-Datei wird auf die oberste Ebene der Seite eingestellt
. Standardwert: undurchsichtig.
cancelImg: Das Schließen-Schaltflächensymbol für jede Datei, nachdem die Datei in der Dateiwarteschlange ausgewählt wurde

Die Werte der oben eingeführten Schlüsselwerte sind alle Zeichenfolgen oder boolesche Typen, die relativ sind Einfach und wird als Nächstes vorgestellt. Der Wert des Schlüsselwerts ist eine Funktion, die dem Benutzer einige Informationen zurückgeben kann, wenn er eine Datei auswählt, einen Fehler macht oder andere Vorgänge ausführt.

onInit: Führen Sie einige Initialisierungsarbeiten durch.
onSelect: Wird ausgelöst, wenn eine Datei ausgewählt wird. Diese Funktion verfügt über drei Parameter.
event: Ereignisobjekt.
queueID: Die eindeutige Kennung der Datei, bestehend aus 6 zufälligen Zeichen.
fileObj: Das ausgewählte Dateiobjekt verfügt über 5 Attribute: Name, Größe, Erstellungsdatum, Änderungsdatum und Typ.
Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage