1. Pendant le développement, la fonction de téléchargement des pièces jointes des utilisateurs peut être nécessaire. Pour réaliser la fonction de téléchargement par lots, il place en fait plusieurs tâches de téléchargement dans une collection et les télécharger séparément.
2. L'utilisation du plugin Plupload JS peut facilement implémenter un téléchargement multi-fichiers avec des paramètres
3. Méthode d'implémentation JS spécifique
<script type = "text / javascript"> var map = {}; // Collection de la clé de fichier et de la valeur de type de fichier // Exemple personnalisé LogicVar uploader = new Plupload.uploader ({runtimes: 'html5, flash, silverlight, html4', browse_button: 'pickfiles', // vous pouvez passer dans id ... // ... ou dom élément lui-même: '../action/photoupload.jsp',flash_swf_url:' ../../js/moxie.swf',silverlight_xap_url: '../../js/moxie.xap', 7 "jpg, gif, png"}]}, init: {postinit: function () {document.getElementById ('uploadFiles'). onClick = function () {uploadher.start (); return false;};}, avant le paramètre personnalisé (up, file) {// Le point de la touche est ici, quand le téléchargement, les informations par un paramètre personnalisé uploader.setOption ("multipart_params", {"apptype": $ {param.type}, "id": $ {param.id}, "fileType": map [file.id]});}, fileup chargé: fonction (up, fichier) {$ ("#" + file.id + "btn"). parent (). html ("uplowed"); $ ("#" + file.id + "btn"). retire ();}, filedded: function (up, fichiers) {if ($ ("# fileType"). val () == 1) {alert ("s'il vous plaît sélectionnez le type de pièce jointe!"); // Effacer le fichier que vous avez sélectionné tout à l'heure, Plupload.Each (fichiers, fonction (fichier) {uploader.removeFile (file.id);}); return false;} plupload.each (fichiers, fonction (file) {map [file.id] = $ ("# fileType"). Val (); $ ("# uploadTable"). APPEND ("<tr id = '+ file.id +" tr'> <td> "+ $ (" # filetype "). Val () +" </ td> <td> "+ file.name +" </td> <td> id = '"+ file.id +" btn' onclick = del ('"+ file.id +"')> delete </ button> </td> <td id = '"+ file.id +" _ progress'> </td> </tr> ");});});}, uploadProgress: function (up, file);});});}, uploadProgress: fonction (up, fichier); {$ ("#" + file.id + "_ progress"). html ('<span>' + file.percent + "% </span>");}, error: function (up, err) {alert ("ce fichier télécharge del (id) {uploader.RemoveFile (id); $ ("#" + id + "tr"). retire (); map [id] = "";} </ script>D'autres paramètres figurent sur son site officiel: http://www.plupload.com/
Programmeur d'Otaku, son talent littéraire n'est pas bon. Si vous avez l'air fatigué, copiez directement JS. Notez qu'il doit y avoir:
<div id = "FileList"> </div> <div id = "Container"> <enter> Astuce: vous devez télécharger "Licence commerciale marchande", "Certificat d'immatriculation fiscale", "Entrez la carte d'identité d'entreprise", "photo d'inspection", "Questionnaire d'informations marchande" et "accord marchand" pour soumettre l'approbation! </ Center> <Labed> Type de pièce jointe: </ Label> <Select Name = "FileType" id = "FileType"> <Option Value = "1"> ------ Veuillez sélectionner ------ </ Option> <Option Value = "Merchant Business License" Merchant Licence </ Option> <Option Value = "Certificat d'immatriculation fiscale"> Certificat d'information sur les informations sur les informations d'option FACTACTION = </ Option> <Option Value = "Merchant Information Table Value = "Autre"> Autre </ Option> </ SELECT> <Button id = "PickFiles"> Sélectionnez Fichier </ftones> <Button ID = "UploadFiles"> Batch upload </ Button> <Button OnClick = "Windows.Location.Reload ()"> REFRRESS </ Button> <Button OnClick = "Window.Close ()"> Fermez la fenêtre </ Button> <Table Id = Uploadtable "> <TD> File </ Button> <Tall Type </td> <td> Nom de fichier </td> <td> Opération </td> <TD> Téléchargez Progress </td> </tr> </s table> </div>
Ce qui précède est ce que l'éditeur vous a présenté pour utiliser les paramètres personnalisés Plupload pour obtenir un téléchargement multi-fichiers. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!