Maison  >  Article  >  interface Web  >  Plug-in de téléchargement de fichiers jQuery Guide d'utilisation de Uploadify_jquery

Plug-in de téléchargement de fichiers jQuery Guide d'utilisation de Uploadify_jquery

WBOY
WBOYoriginal
2016-05-16 16:46:001354parcourir

La version HTML5 prendra mieux en charge les navigateurs mobiles pour éviter que le navigateur Safari sur les téléphones Apple ne prenne en charge
Flash Principales fonctionnalités : prise en charge des téléchargements multiples de fichiers, téléchargement par glisser-déposer pour la version HTML5, téléchargement en temps réel. affichage de la barre de progression, puissantes fonctions de personnalisation des paramètres
, telles que la taille du fichier, le type de fichier, la définition de l'image du bouton, le script de téléchargement de fichier, etc.

Comment utiliser la version Flash :
1. Charger JS et CSS

Copier le code Le code est le suivant :




4. Explication plus détaillée de la configuration des paramètres

uploader : Le chemin relatif du fichier uploadify.swf. Le fichier swf est un bouton avec le texte PARCOURIR. Lorsque vous cliquez dessus, la boîte de dialogue
ouvrir le fichier disparaît. Valeur par défaut : uploadify.swf.
script : chemin relatif vers le gestionnaire d'arrière-plan. Valeur par défaut : uploadify.php
checkScript : Le chemin relatif du programme de traitement en arrière-plan utilisé pour déterminer si le fichier sélectionné téléchargé existe sur le serveur
fileDataName : Définissez un nom et le fichier téléchargé est récupéré en fonction de ce nom dans les données du programme de traitement du serveur. La valeur par défaut est Filedata
méthode : méthode de soumission Post ou Get La valeur par défaut est Post
scriptAccess : mode d'accès au fichier de script flash, s'il est défini sur toujours pour les tests locaux, valeur par défaut : sameDomain
dossier : répertoire où se trouvent les fichiers téléchargés stocké.
queueID : l'ID de la file d'attente de fichiers, qui est cohérent avec l'ID du div qui stocke la file d'attente de fichiers.
queueSizeLimit : Lorsque vous autorisez la génération de plusieurs fichiers, définissez le nombre de fichiers sélectionnés, valeur par défaut : 999.
multi : plusieurs fichiers peuvent être téléchargés lorsqu'ils sont définis sur true.
auto : défini sur true et le fichier sera téléchargé directement après l'avoir sélectionné. S'il est défini sur false, vous devez cliquer sur le bouton de téléchargement pour le télécharger.
fileDesc : cette valeur d'attribut doit être définie sur l'attribut fileExt avant d'être valide. Elle est utilisée pour définir le texte d'invite dans la boîte de dialogue de sélection de fichier. Par exemple, définissez
fileDesc sur "Veuillez sélectionner rar doc pdf. file"
fileExt : Paramètre Le type de fichier pouvant être sélectionné, le format est : '*.doc;*.pdf;*.rar'.
sizeLimit : La taille limite des fichiers téléchargés.
simUploadLimit : Le nombre de téléchargements simultanés autorisés. Valeur par défaut : 1.
buttonText : Texte du bouton Parcourir, valeur par défaut : BROWSE.
buttonImg : Chemin pour parcourir l'image du bouton.
hideButton : défini sur true pour masquer l'image du bouton Parcourir.
rollover : Les valeurs sont vraies et fausses. Lorsqu'elles sont définies sur true, il y aura un effet d'inversion lorsque la souris se déplacera sur le bouton Parcourir.
width : Définissez la largeur du bouton Parcourir, valeur par défaut : 110.
hauteur : Définissez la hauteur du bouton Parcourir, valeur par défaut : 30.
wmode : définissez cet élément sur transparent pour rendre le fichier d'arrière-plan flash du bouton Parcourir transparent, et le fichier flash sera défini sur la couche supérieure de la page
. Valeur par défaut : opaque.
cancelImg : L'icône du bouton de fermeture sur chaque fichier après avoir sélectionné le fichier dans la file d'attente des fichiers

Les valeurs des valeurs clés​​introduites ci-dessus sont toutes des chaînes ou des types booléens, qui sont relativement simple, et sera présenté ensuite. La valeur de la valeur clé est une fonction qui peut renvoyer certaines informations à l'utilisateur lors de la sélection d'un fichier, d'une erreur ou d'autres opérations.

onInit : Effectuer un travail d'initialisation
onSelect : Déclenché lorsqu'un fichier est sélectionné Cette fonction a trois paramètres
event : objet événement.
queueID : L'identifiant unique du fichier, composé de 6 caractères aléatoires.
fileObj : L'objet fichier sélectionné a 5 attributs : nom, taille, créationDate, modificationDate et type.
Le code est le suivant :

Copier le code Le code est le suivant :