js檔案：
document.writeln("<div id='answerupfilediv' style='text-align:right'></div>");
var upLoadDemo =" <input type='hidden' value='' id='upFileName' name='upFileName' /> <form id='formFile' name='formFile' method=\"post\" action='http://www.cnblogs.com/upload.aspx' target='frameFile' enctype=\"multipart/form-data\"><input type='file' id='fileUp' onchange='UpLoadFileChange();' name='fileUp' /></form><iframe id='frameFile' name='frameFile' style=' display:none;'></iframe><div style='display:none' id='uploadLog'></div><div id='UpLoadFileLinkDiv' style='display:none' ><a id='uploadfilehrefa' href = '../UpFile/' target='_blank'></a> <a style='cursor: pointer;display:none;color:#018DCA' id='updateUpLoadFileLink' onclick='updateUpLoadFile();'>update</a></div>"
$("#answerupfilediv").append(upLoadDemo);
//$(function() {
// $('#fileUp').change(function() {
// $('#uploadLog').html('Loading....');
// $('#formFile').submit();
// });
//})
//2011-07-23 修正，如果有登陸限制，鏈帶onclick，則不能夠使用事件委託
function UpLoadFileChange() {
$('#UpLoadFileLinkDiv').css('display', 'none');
$('#uploadLog').html('Loading....');
$('#uploadLog').css('display', '');
$('#formFile').submit();
}
function uploadSuccess(msg) {
if (msg.split('|').length > 1) {
$('#upFileName').val(msg.split('|')[1]);
$('#uploadLog').html('');
$('#uploadLog').css('display', 'none');
$('#formFile').css('display', 'none');
$('#answerUpLoadFileButton').attr('disabled', true);
$('#uploadfilehrefa').html((msg.split('|')[1]).split('/')[1]);
$('#uploadfilehrefa').attr('href', upfileBasePath + msg.split('|')[1]);
$('#updateUpLoadFileLink').css('display', '');
$('#UpLoadFileLinkDiv').css('display', '');
} else {
$('#uploadLog').html(msg);
}
}
//2011-07-25修正 增加修改上傳附件
function updateUpLoadFile() {
$('#formFile').css('display', '');
$('#answerUpLoadFileButton').removeAttr('disabled');
}
//2011-07-25修正 增加登入限制 $("#fileUp").bind("click", function() {
if (isValUserLogin == 0 && !ValUserLgoin($("#answerupfilediv"))) {
showfadeDiv($("#lgdiv"), $("#answerupfilediv"));
return false;
}
})
//2011-07-22 修正，相容Firefox，ie。之前的版本只能在Firefox中使用，
XXX.aspx：
<div>
<!-- 需要顯示上傳的地方 -->
<script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="../js/UpLoadFile.js" type="text/javascript"></script>
</div>
upload.aspx.cs ：（必須滴）
protected void Page_Load(object sender, EventArgs e)
{
try
{
//擷取當前Post過來的file集合對象,在這裡我只擷取了<input type='file' name='fileUp'/>的檔案控制項
HttpPostedFile file = Request.Files["fileUp"];
if (file != null)
{
//當前檔案上傳的目錄
string path = Server.MapPath("~/");
//當前待上傳的服務端路徑
string imageUrl = path + Path.GetFileName(file.FileName);
//當前檔案尾碼名
string ext = Path.GetExtension(file.FileName).ToLower();
//驗證檔案類型是否正確
if (!ext.Equals(".gif") && !ext.Equals(".jpg") && !ext.Equals(".png") && !ext.Equals(".bmp"))
{
//這裡window.parent.uploadSuccess()是我在前端頁面中寫好的javascript function,此方法主要用於輸出異常和上傳成功後的圖片地址
Response.Write("<script>window.parent.uploadSuccess('你上傳的檔案格式不正確！上傳格式有(.gif、.jpg、.png、.bmp)');</script>");
}
//驗證檔案的大小
if (file.ContentLength > 1048576)
{
//這裡window.parent.uploadSuccess()是我在前端頁面中寫好的javascript function,此方法主要用於輸出異常和上傳成功後的圖片地址
Response.Write("<script>window.parent.uploadSuccess('你上傳的檔案不能大於1048576KB!請重新上傳！');</script>");
}
//開始上傳
file.SaveAs(imageUrl);
//這裡window.parent.uploadSuccess()是我在前端頁面中寫好的javascript function,此方法主要用於輸出異常和上傳成功後的圖片地址
//如果成功返回的資料是需要返回兩個字串，我在這裡使用了|分隔 例： 成功資訊|/Test/hello.jpg
Response.Write("<script>window.parent.uploadSuccess('Upload Success!|/Test/" + file.FileName + "');</script>");
}
else
{
//上傳失敗
Response.Write("upload lose!");
}
}
catch
{
//上傳失敗
Response.Write("upload lose!");
}
}
據說看了不回帖的人，經常玩 DeBug
