论坛首页 Web前端技术论坛

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

浏览 6086 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-06-20  

对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目录。

   发表时间:2008-11-15  
好像不支持flash10
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics