1. Während der Entwicklung kann die Funktion des Hochladens der Benutzeranhänge erforderlich sein. Um die Batch -Upload -Funktion zu erkennen, werden mehrere Upload -Aufgaben in eine Sammlung gelegt und separat hochgeladen.
2. Wenn Sie das Plupload-JS-Plugin verwenden, können Sie das Multi-File-Upload einfach mit Parametern implementieren
A. Spezifische JS -Implementierungsmethode
<script type = "text/javaScript"> var map = {}; // Sammlung von Datei -ID -Taste und Dateityp Wert // benutzerdefinierte Beispiel Logicvar Uploader = new Plupload.Uploader ({Runtimes: 'html5, Flash, Silverlight, html4', browse_button: 'pickfiles:' pickfiles: 'du kannst in id ... ad ... ad ... ad ... document.getElementById('container'), // ... or DOM Element itself: '../action/photoUpload.jsp',flash_swf_url : '../../js/Moxie.swf',silverlight_xap_url : '../../js/Moxie.xap',filters : {max_file_size : '5mb',mime_types : [ {Titel: "Bildtyp", Erweiterungen: "JPG, GIF, PNG"}]}, init: {postInit: function () {document.getElementById ('UploadFiles'). Uploader.SetOption ("multiPart_params", {"AppType": $ {param.type}, "id": $ {param.id}, "Filetype": map [file]});}, FileUp geladen: Funktion (Up, Datei) {$ ("#"+Datei.id+"Btn"). Parent (). Html ("hochgeladen"); Funktion (up, Dateien) {if ($ ("#Filetype"). Val () == 1) {alert ("Bitte wählen Sie den Anhangstyp!"); // Die Datei, die Sie gerade ausgewählt haben, plopload.each (Dateien, Funktion (Datei) {Uploader.RemoveFile (Datei); {map[file.id]=$("#fileType").val();$("#uploadTable").append("<tr id='"+file.id+"tr'><td>"+$("#fileType").val()+"</td><td>"+file.name+"</td><td><button type='button' id = '"+file.id+" btn' onclick = del ('"+file.id+"')> löschen </schaltet> </td> <td id = '"+file.id+" _ Progress'> </td> </tr> ");}); {$ ("#"+ Datei.id+ "_ Progress"). del (id) {uploader.removeFile (id); $ ("#"+id+"tr"). remove (); map [id] = "";} </script>Weitere Parameter finden Sie auf der offiziellen Website: http://www.plupload.com/
Otaku Programmierer, sein literarisches Talent ist nicht gut. Wenn Sie müde aussehen, kopieren Sie JS direkt. Beachten Sie, dass es geben muss:
<div id = "filelist"> </div> <div id = "container"> <center> Tipp: Sie müssen "Händlergeschäftslizenz", "Steuerregistrierungszertifikat", "Eingabetastkarte eingeben", "Inspektionsfoto", "Fragebogen" für Händlerinformationen "und" Händlervereinbarung ", um die Genehmigung einzureichen! </center> <label> Anhangstyp: </label> <select name = "fileType" id = "Filetype"> <Option Value = "1"> ------ Bitte ------ </option> <Option Value = "Händlergeschäftslizenz"> Handelsgeschäftslizenz </Option> <Option Value = "Tax Registration Certificate"> Zertifikat für die Option "Option" Option "Option". value = "Andere"> Andere </option> </select> <button id = "pickFiles"> Datei auswählen </button> <button id = "uploadFiles"> Batch -Upload </button> <button onclick = "fenster.location Geben Sie </td> <td> Dateiname </td> <td> Betrieb </td> <td> Fortschritt </td> </tr> </table> </div> hochladen
Das obige ist das, was der Editor mit den Plupload-benutzerdefinierten Parametern vorgestellt hat, um ein Upload mit mehreren Dateien zu erreichen. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!