使用flash进行文件上传-FancyUpload的一个应用实例

最新推荐文章于 2021-07-27 23:04:53 发布

iteye_7794

最新推荐文章于 2021-07-27 23:04:53 发布

阅读量523

点赞数

文章标签： Flash Excel ASP.net ASP Ajax

本文介绍了一种基于FancyUpload 2.0的ASP.NET文件上传实现方式，通过简单的代码示例展示了如何利用该库完成文件上传功能，并提供了一个包含上传、进度显示等特性的demo。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对Fancyupload的实现一直心仪已久，我看网上多在寻觅Asp.net的实现，就用VS2005实现了一个。

因为项目中正好要应用，所以给出个demo让大家下载。发现除了在js端出现点问题以外，基本上用

asp.net实现非常简单，代码为fancyupload2.0的实现。我看javaeye以前有网友上传的是1.0的

一个action页面包含的代码和现在成熟的框架一样都很少。
upload.aspx.cs

protected void Page_Load(object sender, EventArgs e)
        {
            HttpPostedFile postedFile = Request.Files["photoupload"];
            if (postedFile != null)
            {
                string nam = postedFile.FileName;
                postedFile.SaveAs(Server.MapPath("\\upload\\" + nam));
            }
        }

index.htm部分

<form action="upload.aspx" method="post" enctype="multipart/form-data" id="form-demo">
	<fieldset id="demo-fallback">
		<legend>文件上传</legend>
		<p>
            选择上传的照片文件.<br />
            <span style="font-size: 9pt">
			<strong>(这个Demo使用了Flash和Js进行ajax的文件上传.</strong> )</span></p>
		<label for="demo-photoupload">
			上传文件:
			<input type="file" name="photoupload" id="demo-photoupload" />
		</label>
	</fieldset>
 
	<div id="demo-status" class="hide">
		<p>
			<a href="#" id="demo-browse-Excel">选择Excel</a> |
			<a href="#" id="demo-clear">清除</a> |
			<a href="#" id="demo-upload">上传</a>
		</p>
		<div>
			<strong class="overall-title">总进度</strong><br />
			<img src="./js/bar.gif" class="progress overall-progress" alt="进度条" />
		</div>
		<div>
			<strong class="current-title">文件进度</strong><br />
			<img src="./js/bar.gif" class="progress current-progress" alt="进度条" />
		</div>
		<div class="current-text"></div>
	</div>
 
	<ul id="demo-list"></ul>

默认就上传到了upload目录。