SWFUploadC'est un plugin de téléversement de fichiers qui combine Flash et JavaScript, et ses fonctionnalités sont très puissantes. Je l'ai déjà utilisé plusieurs fois dans des projets, mais ses paramètres de configuration sont trop nombreux. Après l'avoir utilisé une fois, j'oublie comment l'utiliser, et lorsque j'en ai besoin plus tard, je dois aller sur le site officiel pour lire sa documentation, ce qui est vraiment ennuyeux. J'ai donc simplement enregistré son utilisation, ce qui est aussi pratique pour les étudiants ayant un faible niveau d'anglais pour s'y référer. Cela profite à la fois à moi-même et aux autres, et règle le problème une fois pour toutes.

Fonctionnalités de SWFUpload

• 1. Téléversement avec Flash, sans rafraîchissement de la page, et le style du bouton Flash peut être personnalisé ;
• 2. Les fichiers à téléverser peuvent être restreints côté navigateur ;
• 3. Permet de téléverser plusieurs fichiers à la fois, mais il y a une file d'attente de téléversement. Les fichiers dans la file d'attente sont téléversés un par un. Le côté serveur reçoit les fichiers de la même manière qu'un téléversement de fichier via un formulaire normal ;
• 4. Fournit de riches interfaces d'événements que les développeurs peuvent utiliser ;

Processus de téléversement de fichiers de SWFUpload :

• 1. Inclure le fichier JS correspondant
• 2. Instancier l'objet SWFUpload, en passant un objet de paramètres de configuration pour diverses configurations.
• 3. Cliquez sur le bouton Flash fourni par SWFUpload, et une fenêtre de sélection de fichiers s'ouvre pour sélectionner les fichiers à téléverser ;
• 4. Après la sélection des fichiers, les fichiers qui répondent aux exigences seront ajoutés à la file d'attente de téléversement ;
• 5. Appelez la méthode startUpload pour commencer à téléverser les fichiers dans la file d'attente ;
• 6. Pendant le processus de téléversement de fichier, des événements correspondants sont déclenchés. Les développeurs utilisent ces événements pour mettre à jour l'interface utilisateur, gérer les erreurs, afficher des messages d'invite, etc. ;

SWFUpload se compose de trois parties : SWFUpload.js, swfupload.swf, des paramètres de configuration d'initialisation et diverses fonctions de gestion d'événements. Donc, incluez d'abord SWFUpload.js dans la page

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

Ensuite, instanciez un objet SWFUpload :

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(){}
...等等

Nous pouvons voir que l'implémentation d'une fonction de téléversement SWFUpload est très simple : il suffit d'instancier un objet SWFUpload. Mais la partie problématique est l'objet de paramètres de configuration utilisé lors de l'instanciation, ainsi que le moment de déclenchement des différents événements et les paramètres qu'ils fournissent. Voici donc le point clé. Les tableaux suivants répertorient les éléments couramment utilisés en développement. Bien qu'il y en ait déjà beaucoup, ce ne sont pas tous les éléments de SWFUpload. Je n'ai listé que les plus couramment utilisés. Pour la documentation complète, veuillez consulter le site officiel de SWFUpload.

Attributs et descriptions courants dans l'objet de paramètres de configuration de SWFUpload

Explication de divers événements SWFUpload

Méthodes de l'instance SWFUpload

La plupart des méthodes modifient dynamiquement l'objet de configuration des paramètres.

Objet d'informations sur le fichier (File)

Dans un écouteur d'événements, l'objet d'informations sur le fichier est souvent utilisé pour obtenir des informations sur le fichier pour l'itération suivante.

Objet d'état de la file d'attente (objet de statistiques)

Utilisé pour obtenir l'état actuel de la file d'attente.

Quelques constantes

Quelques constantes définies par SWFupload pour faciliter la compréhension.

URL de téléchargement

• Adresse de téléchargement de SWFupload :https://code.google.com/p/swfupload/
• Documentation officielle de SWFUpload (version 2.5.0) :http://www.w3cschool.cc/w3cnote/swfupload-document.html