Red de conocimiento informático - Material del sitio web - Cómo usar Ajax para cargar múltiples archivos

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/.