¡Ayúdanos a traducir esta Web!
English | Castellano

Cómo usar el FileUpload AJAX

Custom Javascript

Como funcionalidad adicional, podemos dar la posibilidad de añadir javascript extra a nuestro FileUploadAJAX, manejando 10 eventos posibles:
  • preLoad: antes de que se cargue el primer uploader.
  • postLoad: en el momento se ha cargado el control.
  • preAdd: antes de que se ejecute el evento add, con el que añadimos un nuevo uploader.
  • postAdd: después de ejecutarse el evento add.
  • preDelete: antes de borrar un fichero.
  • postDelete: tras haber borrado el fichero.
  • preHide: antes de esconder un fichero o un uploader.
  • postHide: después de esconder un fichero o un uploader.
  • preUpload: antes de comenzar a subir el fichero.
  • postUpload: tras haber subido el fichero.
Tanto en el evento PostUpLoad como en el evento PreDelete, podemos acceder a la información de fichero (HttpPostedFileAJAX), cuyo nombre de variables es el mismo que el de las propiedades del HttpPostedFileAJAX. En el ejemplo Custom Javascript 2 se muestra mucho más claro este aspecto.

A continuación se muestra un ejemplo muy sencillo donde se demuestra cuando se maneja cada evento. En posteriores ejemplos haremos énfasis en el evento más importante: postUpload.


Add


Code.aspx
<cc1:FileUploaderAJAX ID="FileUploaderAJAX1" runat="server" MaxFiles="5" />
Code.aspx.cs
// Código dentro del Page_Load
if (!Page.IsPostBack)
{
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.preLoad, "alert('preLoad');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.postLoad, "alert('postLoad');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.preAdd, "alert('preAdd');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.postAdd, "alert('postAdd');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.preDelete, "alert('preDelete');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.postDelete, "alert('postDelete');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.preHide, "alert('preHide');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.postHide, "alert('postHide');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.preUpload, "alert('preUpload');");
FileUploaderAJAX1.addCustomJS(FileUploaderAJAX.customJSevent.postUpload, "alert('postUpload');");
} }