Cómo usar Ajax para cargar múltiples archivos
1
2
3
4
5
jquery -1.3.2.js
jquery.uploadify.v2.1.0.js
jquery.uploadify.v2.1.0.min.js
swfobject. js
uploadify.css
1. El código básico de la página es el siguiente
La siguiente es la página aspx (también se puede usar html)
La página Las funciones js y js introducidas son las siguientes:
1
2
3
4
5
6
7
lt;script src=" js/jquery-1.3.2.min.js" type="text/javascript"gt;lt ;/scriptgt;
lt;scriptrc="js/jquery.uploadify.v2.1.0.js" type="text/javascript"gt;lt;/ scriptgt;
lt ;scriptrc="js/jquery.uploadify.v2.1.0.min.js" tipo="text/javascript"gt;lt;/scriptgt; ;scriptrc="js/swfobject.js" type="text/javascript"gt;lt;/scriptgt;
lt;link href="css/uploadify.css" rel="stylesheet" type= "texto/css" /gt;
p>lt;/scriptgt;
Funciones JS:
1
2
3
4
5
6
7
8
9 alerta ("¡El archivo se cargó correctamente!"
return
}.
}); );
en la página Código de control:
1
2
3
4
5
6
7
8
9
10
11
12
13
lt; bodygt;
lt; formulario id="form1" runat="servidor" gt;
lt;div id="fileQueue"gt;
lt;/divgt
lt;divgt; ;pgt;
lt; tipo de entrada="archivo" nombre="cargar" id="cargar"/gt
lt; " value="upload" onclick="javascript：$ ('#uploadify').uploadifyUplo
ad()" /gt;
lt; input id="Button2" type="button" value="Cancelar" onclick="javascript：$('#uploadify').uploadifyClearQueue()" / gt;
lt;/pgt;
lt;/divgt;
lt;/formgt;
lt;/bodygt;
Parámetros principales de la función:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
p>18
19
$(documento).ready(función() {
$('# fileInput1'). fileUpload({
'uploader': 'uploader.swf', // no mucho más
'script': '/AjaxByJQuery/file.do', // maneja la acción
' cancelImg': 'cancel.png',
'carpeta': '', //Ruta de guardado predeterminada en el lado del servidor
'scriptData': {'methed': 'uploadFile', 'arg1', 'value1'},
// Pasa el método del parámetro a segundo plano, arg1 es el nombre del parámetro, uploadFile, value1 es el valor del parámetro correspondiente, el el lado del servidor pasa request["arg1" ]
'buttonText': 'UpLoadFile', //El botón muestra texto y no admite chino. La solución es la siguiente
//. ' buttonImg': 'ImagePath', // Al configurar la imagen de fondo se resuelve el problema chino, es decir, hacer que la imagen de fondo parezca un botón
'multi': 'true', // Multi- interruptor de carga de archivos
'fileExt': '*.xls ;*.csv', //filtro de archivos
' fileDesc': '.xls', //filtro de archivos, consulte al documento para más detalles
'onComplete': function(event, queueID , file, serverData, data){
//serverData es el valor de cadena devuelto por el servidor
alert(serverData){
//serverData es el servidor El valor devuelto al final.
});
});
Procesamiento general de archivos en segundo plano:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
Uso del sistema;
usando System.
usando System.Collections.Generic
usando System.Linq
usando System.IO; System .Web; file.SaveAs(uploadPath file.FileName); //guarda el archivo
context.Response.Write("Carga exitosa");
De lo contrario
{
context.Response.Write("0");
}
}
}
public bool IsReusable
{
get
{
return false
}
}
}
}
}> }
}
El método anterior básicamente puede realizar la carga de varios archivos y el tamaño de los archivos grandes se controla por debajo de 10 M/.