Lors du téléchargement d'images, j'ai trouvé un contrôle très utile qui prend en charge le téléchargement de plusieurs images en même temps. Vous pouvez cliquer pour sélectionner une image, ou vous pouvez faire glisser l'image vers la zone de téléchargement et la télécharger directement. C'est pratique et facile à utiliser. , et l'interface est simple, vous pouvez essentiellement l'utiliser directement dans le projet.
Voyons d'abord son style :
Après avoir sélectionné une image :
$(function(){ // Initialiser le plug-in $(#demo).zyUpload({ width : 650px, // width height : 400px, // width itemWidth : 120px, // largeur de l'élément de fichier itemHeight : 100px, / / file La hauteur de l'url de l'élément : /upload/UploadAction, // Le chemin du fichier téléchargé multiple : true, // Si plusieurs fichiers peuvent être téléchargés dragDrop : true, // Si le fichier peut être glissé et téléchargé del : true, // Si le fichier peut être supprimé finishDel : false, // Si l'aperçu est supprimé une fois le téléchargement du fichier terminé /* Interface de rappel obtenue en externe */ onSelect : function(files, allFiles ){ //Méthode de rappel pour sélectionner les fichiers console.info(Les fichiers suivants sont actuellement sélectionnés :); console.info(files); tous les fichiers); }, onDelete : function(file, surplusFiles){ // Méthode de rappel pour supprimer un fichier console.info (fichier actuellement supprimé :); console.info(file); ; }, onSuccess : function(file){ // Méthode de rappel pour un téléchargement de fichier réussi console.info (Ce fichier a été téléchargé avec succès :); La méthode de rappel pour l'échec du téléchargement de fichier console.info(Ce téléchargement de fichier a échoué :); console.info(file); onComplete: function(responseInfo){ // La méthode de rappel pour l'achèvement du téléchargement console.info(Téléchargement de fichier terminé) ; console .info(réponseInfo); } } } ;Modifiez la configuration directement dans demo.js, url : /upload/UploadAction et mettez votre action de téléchargement d'image. Ce contrôle n'est qu'un traitement de premier plan, vous devez écrire vous-même le téléchargement en arrière-plan.
Ce qui précède représente l’intégralité du contenu de cet article. J’espère qu’il sera utile à l’étude de chacun. J’espère également que tout le monde soutiendra le réseau VeVb Wulin.