Red de conocimiento informático - Aprendizaje de programación - jquery Uploadify cargar archivos

jquery Uploadify cargar archivos

Uploadify es un complemento de carga de JQuery con muy buenos efectos de implementación y visualización de progreso. Sin embargo, la versión oficial de PHP de muestra proporcionada en este artículo presentará en detalle el uso de Uploadify en Aspnet. También puede hacer clic en el enlace a continuación para realizar una demostración o descargarlo.

Primero, siga los pasos a continuación para implementar una función de carga simple.

1 Cree un proyecto web llamado JQueryUploadDemo, descargue la última versión del sitio web oficial, descomprímalo y agréguelo al proyecto.

2 Agregue el archivo UploadHandler.ashx al proyecto para manejar la carga de archivos.

3 Añade la carpeta UploadFile al proyecto para almacenar los archivos cargados.

Después de los tres pasos anteriores, la estructura básica del proyecto es la siguiente:

4 Modifique el código de la página html de Default.aspx de la siguiente manera:

Subir

< script?type="text/javascript" src="JS/jquery. uploadify-v2.1.0 /swfobject.js">

src="JS/jquery.uploadify-v2. 1.0/jquery.uploadify .v2.1.0.min.js">

$(documento).listo (función()

{

$("#uploadify").uploadify({

'uploader': ?'').JS/jquery. uploadify-v2.1.0 /uploadify.swf',

'script':?UploadHandler.ashx',

'cancelImg':?''JS/jquery.uploadify-v2. 1.0/cancel.png ',

'Carpeta':?UploadFile',

'queueID':?' fileQueue',

'auto':? falso,

p>

'multi':?verdadero

});

});?

cargar |? Cancelar carga<

/a>

5?El código del método ProcessRequest de la clase UploadHandler es el siguiente: public?void?ProcessRequest(HttpContext?context)

{

context.

context .Response.ContentType?=? "texto/plain";

context.Response.Carset?=? "utf-8";

HttpPostedFile?file? =?context.Request .Files["Filedata"];

cadena?uploadPath?=?

HttpContext.Current.Server.MapPath(@context.Request["carpeta"] )+"\\ ";?

if(¡archivo! =?null)?

{?

si?(!Directory.Exists(uploadPath) )?

{?

Directorio.CreateDirectory(uploadPath);?

}

archivo.SaveAs(uploadPath?+?archivo .FileName);?

// Si falta este código, la visualización de la cola de carga no desaparecerá automáticamente después de que la carga se realice correctamente

context.Response.Write("1") ;?

}

¿otra cosa?

{

context.Response.Write("0");

}?

}

El resultado después de ejecutar 6 es el siguiente:

上篇: Configuración del despertador GA-900VB-1APR 下篇: Cuaderno Kvm aprobado

Artículos populares