1. Durante el desarrollo, se puede requerir la función de cargar los archivos adjuntos de los usuarios. Para realizar la función de carga por lotes, en realidad coloca múltiples tareas de carga en una colección y las cargue por separado.
2. Uso del complemento PLUPLOAD JS puede implementar fácilmente la carga de múltiples archivos con parámetros
3. Método específico de implementación de JS
<script type = "text/javaScript"> var map = {} ;/ Collection de la tecla de identificación de archivo y valor de tipo de archivo // ejemplo personalizado LogicVar uploader = new plupload.uploader ({runtimes: 'html5, flash, silverlight, html4', browse_button: 'pickfiles', // puede pasar en Id ... contener ... contener ... contener ... contener en ... contener ... contener ... contener ... contener ... contener ... contener ... contener ... contener ... contener ... contener ... contener ... contener ... document.getElementById ('Container'), // ... o DOM Element en sí: '../action/PhotoUpload.jsp' ,flash_swf_url:' ../../js/moxie.swf',silverlight_xap_url: '../../js/moxie.xap'.filter [ {title : "Image Type",extensions : "jpg,gif,png"} ]},init : {PostInit : function() {document.getElementById('uploadfiles').onclick = function() {uploader.start();return false;};},BeforeUpload:function(up,file){//The key point is here, when uploading, custom parameter información uploader.setOption ("multipart_params", {"appType": $ {param.type}, "id": $ {param.id}, "fileType": map [file.id]});}, fileUp Cargado: function (up, file) {$ ("#"+file.id+"btn"). parent (). html ("cargado"); $ ("#"+file.id+"btn"). remove ();}, filesadded: función (arriba, archivos) {if ($ ("#fileteype"). val () == 1) {alert ("¡Seleccione el tipo de archivo adjunto!"); // Borrar el archivo que seleccionó ahora ahora plupload.each (files, function (file) {uploader.removeFile (file.id);}); devuelve falso;} plupload.each (archivos, function (archivo (archivo (archivo (archivo) (archivo) {map [file.id] = $ ("#fileteype"). val (); $ ("#uploadTable"). append ("<tr id = '"+file.id+"tr'> <td>"+$ ("#fileType"). val ()+"</td> <td>"+file.name+"</td> <td> <boton type = 'button' id = '"+file.id+" btn' onClick = del ('"+file.id+"')> Eliminar </botton> </td> <td id = '' "+file.id+" _ progreso '> </td> </tr> ");});});}, cargueprogress: function (up, archivo) {$ ($ ("#"+ file.id+ "_ _ progress"). html ('<span>'+ file.percent+ "%</span>");}, error: función (up, up) {alert ("esta carga de archivo falló la información de este archivo de este archivo de este archivo del (id) {ifoader.removeFile (id); $ ("#"+id+"tr"). remove (); map [id] = "";} </script>Otros parámetros están en su sitio web oficial: http://www.plupload.com/
Programador Otaku, su talento literario no es bueno. Si te ves cansado, copia JS directamente. Tenga en cuenta que debe haber:
<div id = "filelist"> </div> <div id = "Container"> <center> Consejo: debe cargar "Licencia comercial comercial", "Certificado de registro de impuestos", "Ingrese la tarjeta de identidad corporativa", "Foto de inspección", "Cuestionario de información del comerciante" y "Acuerdo de comerciante" para presentar la aprobación! </Center> <label> Tipo de archivo adjunto: </etiqueta> <select name = "fileteype" id = "fileType"> <opción valor = "1"> ------ Por favor seleccione ------ </opción> <opción valor = "Merchant Licencia comercial"> Licencia comercial de comercio </opción> <opción Valor = "Certificado de registro de impuestos"> Certificado de registro de impuestos certificado <//opción de Opcional Cambio de información de la Opción de Merchant. value = "Otro"> Otro </option> </select> <Button ID = "Pickfiles"> Seleccione Archivo </Button> <Button ID = "SuboadFiles"> Subiendo lotes </botón> <botón onclick = "Window.location.reload ()"> Refresh </Button> <Button <Button de botón = "Ventana. Tipo </td> <td> nombre de archivo </td> <td> operación </td> <td> cargar progreso </td> </tr> </table> </div>
Lo anterior es lo que el editor le presentó para usar los parámetros personalizados de plupload para lograr una carga de múltiples archivos. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!