Managing an Uploaded File List

When all of your files are uploaded successfully to the server without page reloading, a simple question arises. How do you view uploaded files?

To accommodate this question, you can use the UploadedFileList control.  Simply add the UploadedFileList control to the page and set the FileUploadControlID property to the correct id of the FileUploadControl.

The UploadedFileList control will automatically detect that a new file is uploaded and load the uploaded file list without reloading (using AJAX).  This control also allows you to delete an uploaded file without reloading.

Additionally, the UploadedFileList can show an uploaded file(s) thumbnail which is a very useful ability for showing images or dealing with an image gallery.

The UploadedFileList Control

The UploadedFileList control uses AJAX and client-side binding to load file lists that have been uploaded.

You should assign the FileUploadControlID with the current ID of the FileUploadControl.

Use the DeleteCommandTemplate to redesign the delete command view.

Set the ShowThumbnail property to turn on the file thumbnail icon. Additionally, you can set the MaxThumbnailDimension property to define the max thumbnail size.

Copyright 2007 Mediachase. All rights reserved.