FancyUpload ASP.NET版

官方下載位置:http://digitarald.de/project/fancyupload/ 我是使用1.1版的

------準備檔案---------------------------------------
4個資料夾 「image」 「js」 「seiff」 「upload」
　「image」放3檔案：　delete.png　hoto_upload.png　spinner.png
　「js」： FancyUpload.js　FancyUpload_min.js
　「seiff」： Swiff.Base.js　Swiff.Uploader.js　Swiff.Uploader .swf
　「upload」上傳的圖片將置於此資料夾

另外準備兩個檔案　common.css　mootools.js
------------------------------------------------------

------製作asp.net檔案-------------------------------
製作一個AspNet.aspx :
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AspNet.aspx.cs" Inherits="AspNet" %>

以及製作AspNet.aspx.cs:
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;

public partial class AspNet : System.Web.UI.Page
{
　protected void Page_Load(object sender, EventArgs e)
　{
　　HttpPostedFile posttedFile = Request.Files["Filedata"];
　　if (posttedFile != null){
　　　string name = posttedFile.FileName;
　　　posttedFile.SaveAs(Server.MapPath("~/upload/")+name);
　　}
　}
}

其中Server.MapPath("~/upload/")+name upload即上傳的資料夾　name為檔案名稱
---------------------------------------------------------

最後在官方修改官方範例JavaScript.htm
將原本＜form action="upload.php" ＞改成＜form action="AspNet.aspx" ＞

需注意的是JavaScript.htm中
＜link rel="stylesheet" href="%3Cspan%20style="＞＜link rel="stylesheet" href="common.css" type="text/css" media="screen" /＞
＜script type="text/javascript" src="mootools.js"＞＜/script＞
＜script type="text/javascript" src="swiff/Swiff.Base.js"＞＜/script＞
＜script type="text/javascript" src="swiff/Swiff.Uploader.js"＞＜/script＞
＜script type="text/javascript" src="js/FancyUpload.js"＞＜/script＞
上述檔案位置需正確

----------準備完成------------------------------------------
將所有檔案打包　傳送至支援asp.net的網頁空間中　開啟JavaScript.htm即可開始上傳檔案囉