一、前臺頁面 無后臺.cs文件 靜態頁頁都可
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link href="jquery.uploadify/example/css/default.css" rel="stylesheet" type="text/css" />
<link href="jquery.uploadify/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.uploadify/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.uploadify/swfobject.js"></script>
<script type="text/javascript" src="jquery.uploadify/jquery.uploadify.v2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#uploadify").uploadify({
'uploader': 'jquery.uploadify/uploadify.swf', //uploadify.swf 文件的相對路徑
'script': 'uploadImg.aspx', //后臺處理程序的相對路徑
'cancelImg': 'jquery.uploadify/cancel.png', //刪除按鈕圖片路徑
'folder': 'upload', //上傳文件存放的目錄
'queueID': 'fileQueue', //文件隊列的ID
'auto': false, //設置為true當選擇文件后就直接上傳了,為false需要點擊上傳按鈕才上傳 。
'multi': true, //設置為true時可以上傳多個文件
'fileSizeLimit': '1MB', //設置上傳文件的容量最大值
'fileDesc':'請選擇jpg png gif文件', //設置選擇文件對話框中的提示文本
'fileExt': '*.jpg;*.png;*.gif' //設置可以選擇的文件的類型
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="fileQueue">
</div>
<input type="file" name="uploadify" id="uploadify" />
<p>
<a href="javascript:$('#uploadify').uploadifyUpload()">上傳</a>| <a href="javascript:$('#uploadify').uploadifyClearQueue()">
取消上傳</a>
</p>
</form>
</body>
</html>
二、上傳程序文件 uploadImg.aspx 程序文件 前臺為空白頁 只要有后臺程序處理即可
protected void Page_Load(object sender, EventArgs e)
{
try
{
//獲取上傳的文件數據
HttpPostedFile file = Request.Files["Filedata"];
string fileName = file.FileName;
string fileType = Path.GetExtension(fileName).ToLower();
//由于不同瀏覽器取出的FileName不同(有的是文件絕對路徑,有的是只有文件名),故要進行處理
if (fileName.IndexOf(' ') > -1)
{
fileName = fileName.Substring(fileName.LastIndexOf(' ') + 1);
}
else if (fileName.IndexOf('/') > -1)
{
fileName = fileName.Substring(fileName.LastIndexOf('/') + 1);
}
//上傳的目錄
string uploadDir ="~/upload/"+ System.DateTime.Now.ToString("yyyyMMdd");
//上傳的路徑
//生成年月文件夾及日文件夾
if (!Directory.Exists(Server.MapPath(uploadDir)))
{
Directory.CreateDirectory(Server.MapPath(uploadDir));
}
string uploadPath = uploadDir + "/" + Guid.NewGuid() + fileType; //uploadDir + Xiaobin.Utility.Tool.MD5(fileName).Substring(0, 8) + fileType;
//保存文件
file.SaveAs(Server.MapPath(uploadPath));
//下面這句代碼缺少的話,上傳成功后上傳隊列的顯示不會自動消失
Response.Write("1");
}
catch
{
Response.Write("0");
}
}