SWFUploadEs ist ein Datei-Upload-Plugin, das Flash und JavaScript kombiniert, und sein Funktionsumfang ist sehr leistungsstark. Ich habe es zuvor mehrere Male in Projekten verwendet, aber seine Konfigurationsparameter sind zu viele. Nach einmaliger Verwendung vergesse ich, wie man es benutzt, und wenn ich es später brauche, muss ich auf die offizielle Website gehen, um seine Dokumentation zu lesen, was wirklich nervig ist. Also habe ich einfach seine Verwendung aufgezeichnet, was auch für Studenten mit schlechtem Englisch praktisch zum Nachschlagen ist. Es nützt sowohl mir als auch anderen und löst das Problem ein für alle Mal.

Funktionen von SWFUpload

• 1. Upload mit Flash, kein Seitenneuladen, und der Stil des Flash-Buttons kann angepasst werden;
• 2. Die hochzuladenden Dateien können browserseitig eingeschränkt werden;
• 3. Ermöglicht das Hochladen mehrerer Dateien auf einmal, aber es gibt eine Upload-Warteschlange. Dateien in der Warteschlange werden nacheinander hochgeladen. Serverseitig werden Dateien auf die gleiche Weise empfangen wie bei einem normalen Formular-Datei-Upload;
• 4. Bietet umfangreiche Event-Schnittstellen zur Nutzung durch Entwickler;

Dateiupload-Prozess von SWFUpload:

• 1. Binden Sie die entsprechende JS-Datei ein
• 2. Instanziieren Sie das SWFUpload-Objekt und übergeben Sie ein Konfigurationsparameter-Objekt für verschiedene Konfigurationen.
• 3. Klicken Sie auf den von SWFUpload bereitgestellten Flash-Button, und ein Dateiauswahlfenster öffnet sich, um die hochzuladenden Dateien auszuwählen;
• 4. Nach der Dateiauswahl werden die Dateien, die den Anforderungen entsprechen, zur Upload-Warteschlange hinzugefügt;
• 5. Rufen Sie die Methode startUpload auf, um mit dem Hochladen der Dateien in der Warteschlange zu beginnen;
• 6. Während des Datei-Upload-Prozesses werden entsprechende Ereignisse ausgelöst. Entwickler verwenden diese Ereignisse, um die UI zu aktualisieren, Fehler zu behandeln, Hinweise anzuzeigen und so weiter;

SWFUpload besteht aus drei Teilen: SWFUpload.js, swfupload.swf, Initialisierungskonfigurationsparametern und verschiedenen Ereignisbehandlungsfunktionen. Binden Sie also zuerst SWFUpload.js in die Seite ein

<script src='SWFUpload.js.html'></script>

Instanziieren Sie dann ein SWFUpload-Objekt:

var swfu;
     
window.onload = function () {
    var settings_object = {//定义参数配置对象
        upload_url : "http://www.swfupload.org/upload.php",
            flash_url : "http://www.swfupload.org/swfupload.swf",
            file_post_name : "Filedata",
            post_params : {
           "post_param_name_1" : "post_param_value_1",
           "post_param_name_2" : "post_param_value_2",
           "post_param_name_n" : "post_param_value_n"
            },
            use_query_string : false,
            requeue_on_error : false,
            http_success : [201, 202],
            assume_success_timeout : 0,
            file_types : "*.jpg;*.gif",
            file_types_description: "Web Image Files",
            file_size_limit : "1024",
            file_upload_limit : 10,
            file_queue_limit : 2,
 
            debug : false,
     
            prevent_swf_caching : false,
            preserve_relative_urls : false,
     
            button_placeholder_id : "element_id",
            button_image_url : "http://www.swfupload.org/button_sprite.png",
            button_width : 61,
            button_height : 22,
            button_text : "<b>Click</b> <span class="redText">here</span>",
            button_text_style : ".redText { color: #FF0000; }",
            button_text_left_padding : 3,
            button_text_top_padding : 2,
            button_action : SWFUpload.BUTTON_ACTION.SELECT_FILES,
            button_disabled : false,
            button_cursor : SWFUpload.CURSOR.HAND,
            button_window_mode : SWFUpload.WINDOW_MODE.TRANSPARENT,
     
            swfupload_loaded_handler : swfupload_loaded_function,
            file_dialog_start_handler : file_dialog_start_function,
            file_queued_handler : file_queued_function,
            file_queue_error_handler : file_queue_error_function,
            file_dialog_complete_handler : file_dialog_complete_function,
            upload_start_handler : upload_start_function,
            upload_progress_handler : upload_progress_function,
            upload_error_handler : upload_error_function,
            upload_success_handler : upload_success_function,
            upload_complete_handler : upload_complete_function,
            debug_handler : debug_function,
    };
     
    swfu = new SWFUpload(settings_object);//实例化一个SWFUpload，传入参数配置对象
};
/*定义各种事件监听函数*/
function swfupload_loaded_function(){}
function file_dialog_start_function(){}
...等等

Wir können sehen, dass die Implementierung einer SWFUpload-Upload-Funktion sehr einfach ist: Man instanziiert einfach ein SWFUpload-Objekt. Der mühsame Teil ist jedoch das bei der Instanziierung verwendete Konfigurationsparameterobjekt sowie der Zeitpunkt verschiedener Ereignisse und die von ihnen bereitgestellten Parameter. Damit kommen wir zum entscheidenden Punkt. Die folgenden Tabellen listen die Dinge auf, die in der Entwicklung häufig verwendet werden. Obwohl es bereits ziemlich viele sind, sind sie nicht alles in SWFUpload. Ich habe nur die häufig verwendeten aufgeführt. Für die vollständige Dokumentation besuchen Sie bitte die offizielle SWFUpload-Website.

Häufige Attribute und Beschreibungen im SWFUpload-Konfigurationsparameterobjekt

Erläuterung verschiedener SWFUpload-Ereignisse

Methoden der SWFUpload-Instanz

Die meisten Methoden ändern dynamisch das Parameter-Konfigurationsobjekt.

Dateiinformationsobjekt (File Object)

In Event-Listener-Funktionen wird das Dateiinformationsobjekt häufig verwendet, um Dateiinformationen für den nächsten Schritt zu erhalten.

Warteschlangen-Statusobjekt (Statistikobjekt)

Wird verwendet, um den aktuellen Status der Warteschlange abzurufen.

Einige Konstanten

Einige von SWFupload definierte Konstanten zum leichteren Verständnis.

Download-URL

• SWFupload Download-Adresse:https://code.google.com/p/swfupload/
• Offizielle SWFUpload-Dokumentation (Version 2.5.0):http://www.w3cschool.cc/w3cnote/swfupload-document.html