Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。
首先按下面的步骤来实现一个简单的上传功能。
1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。
2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。
3 在项目中添加UploadFile文件夹,用来存放上传的文件。
进行完上面三步后项目的基本结构如下图:
4 Default.aspx的html页的代码修改如下:
Uploadify$(document).ready(function()
{
$("#uploadify").uploadify({'uploader':'JS/jquery.uploadify-v2.1.0/uploadify.swf','script':'UploadHandler.ashx','cancelImg':'JS/jquery.uploadify-v2.1.0/cancel.png','folder':'UploadFile','queueID':'fileQueue','auto':false,'multi':true});
});