做項目的時候遇到了這樣一個問題,如果用普通的ASP.NET FileUpload控件實現文件上傳,那么頁面會刷新,那么頁面上用JS拼出的元素就會消失,為了上傳文件,又不能刷新頁面,ajaxfileupload插件是一個很好的選擇(插件下載地址://files.VeVB.COm/file_images/article/201306/js/ajaxfileupload.js)
ajaxfileupload是jQuery的一個插件,使用這個插件同時要引用jQuery.js文件
直接上代碼吧
JS代碼
[javascript]
//執行AJAX上傳文件
$.ajaxFileUpload({
url: '/Web/Teacher/ImportAchievements.ashx',
secureuri: false,
fileElementId: 'fulAchievements',
dataType: 'json',
success: function (data, status) {
alert(data[0]);
}
});
1.這個方法很像大家熟知的$.ajax方法
2.參數說明
url：AJAX的后臺代碼文件，要接收前臺傳來的文件數據
secureuri：是否對上傳的文件加密
fileElementId：HTML中<input type="file"/>上傳控件的Id值，這里需要注意的是，后臺代碼是通過name-value的形式接收數據的，所以后臺代碼是通過name來接收數據的，而不是Id（根本原因是，這個方法會自動生成一個表單，將表單提交給后臺代碼處理）。
dataType：數據類型，一般是‘json'
success：上傳成功后執行的回調函數
ASP.NET一般處理程序中的代碼
[csharp]
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/html";//這里很關鍵，雖然前臺數據類型是json，但這里一定要寫html
//獲取前臺傳來的文件
HttpFileCollection files = HttpContext.Current.Request.Files;
//將文件保存在網站目錄中
files[0].SaveAs(context.Server.MapPath("/Web/uploadFiles/Achievements.xls"));
//返回用json數據格式表示的提示
string result = "[" + "/"" + "成績導入成功" + "/"" + "]";
context.Response.Write(result);
}
新聞熱點
疑難解答
