asp.net實(shí)現(xiàn)文件無刷新上傳方法匯總
遇到上傳文件的問題,結(jié)合之前用到過的swfUpload,又找了一個(gè)無刷新上傳文件的jquery插件uploadify,寫篇博客記錄一下分別介紹這兩個(gè)的實(shí)現(xiàn)方法
swfUpload 導(dǎo)入swfUpload的開發(fā)包 添加js引用,引用swfUpload.js與handler.js文件,如果對swfUpload不了解、有疑問可以看看這篇文章 頁面初始化
修改handler.js文件中 上傳成功的事件,serverData是服務(wù)器端的響應(yīng)
Uploadify 導(dǎo)入uploadify開發(fā)包,從官網(wǎng)下載,官網(wǎng)文檔,中文文檔,官網(wǎng)示例 添加js與css的引用,jquery.uploadify.js 、uploadify.css
(注:在css中引用uploadify-cancel.png圖片文件的路徑是可能不正確,可以在uploadify.css文件中自己進(jìn)行更改)
頁面初始化
頁面初始化時(shí),可以指定許多設(shè)置,并對上傳成功的事件進(jìn)行重載,data表示服務(wù)器端的響應(yīng)
服務(wù)器端上傳處理程序
//uploadify初始化 $(function () { $('#file_upload').uploadify({ //指定swf 'swf': '/uploadify/uploadify.swf', //服務(wù)器端處理程序 'uploader': '/Admin/UploadFileHandler.ashx', //按鈕文本 buttonText: '上傳附件', //文件類型 fileTypeExts: "*.zip;*.rar;*.doc;*.docx;*.xls;*xlsx", onUploadSuccess: OnFileUploadSuccess }); }); function OnFileUploadSuccess(file, data, response) { //服務(wù)器端響應(yīng) if (data == 'noPermission') { alert('沒有上傳權(quán)限'); } if (data == 'Error') { alert('上傳失敗'); } else if (response) { alert('上傳成功~~~'); $("#filePath").val(data); } } uploadify
/// <summary> /// 上傳文件 /// </summary> public class UploadFileHandler : IHttpHandler, IRequiresSessionState { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; //驗(yàn)證上傳權(quán)限 if (context.Session["User"] == null) { context.Response.Write("no permission"); context.Response.End(); return; } try { //獲取上傳文件 //Filedata是客戶端已經(jīng)定義好的,如果想要更改,更改js文件中的配置 HttpPostedFile image_upload = context.Request.Files["Filedata"]; //獲取文件擴(kuò)展名 string fileExt = System.IO.Path.GetExtension(image_upload.FileName).ToLower(); //驗(yàn)證文件擴(kuò)展名是否符合要求,是否是允許的圖片格式 if (!FileTypes.IsAllowed(fileExt)) { return; } //當(dāng)前時(shí)間字符串 string timeString = DateTime.Now.ToString("yyyyMMddHHmmssfff"); //保存虛擬路徑構(gòu)建 string path = "/Upload/" + timeString + fileExt; //獲取、構(gòu)建要上傳文件的物理路徑 string serverPath = context.Server.MapPath("~/" + path); //保存圖片到服務(wù)器 image_upload.SaveAs(serverPath); //輸出保存路徑 context.Response.Write(path); } catch (Exception ex) { context.Response.Write("Error"); //記錄日志 new Common.LogHelper(typeof(UploadFileHandler)).Error(ex); } } public bool IsReusable { get { return false; } } } public static class FileTypes { private static List<string> allowedFileTypes = new List<string>(); //獲取允許json配置文件 private static string jsonFilePath = Common.PathHelper.MapPath("~/AllowedFileTypes.json"); /// <summary> /// 允許的文件類型 /// </summary> public static List<string> AllowedFileTypes { get { return allowedFileTypes; } set { allowedFileTypes = value; } } /// <summary> /// 靜態(tài)構(gòu)造方法 /// </summary> static FileTypes() { LoadFileTypesFromJson(); } /// <summary> /// 從json文件中讀取允許上傳的文件類型 /// </summary> private static void LoadFileTypesFromJson() { string types = File.ReadAllText(jsonFilePath); AllowedFileTypes = Common.ConverterHelper.JsonToObject<List<string>>(types); } /// <summary> /// 當(dāng)添加允許文件類型時(shí),更新到j(luò)son文件 /// </summary> public static void FileTypesToJson() { string types = Common.ConverterHelper.ObjectToJson(AllowedFileTypes); File.WriteAllText(jsonFilePath, types); } /// <summary> /// 新增允許上傳文件擴(kuò)展名 /// </summary> /// <param name="newFileType"></param> public static void AddNewFileType(string newFileType) { AllowedFileTypes.Add(newFileType); FileTypesToJson(); } /// <summary> /// 判斷某種文件類型是否允許上傳 /// </summary> /// <param name="fileExt">文件擴(kuò)展名</param> /// <returns>是否允許上傳<code>true</code>允許上傳</returns> public static bool IsAllowed(string fileExt) { foreach (string item in AllowedFileTypes) { if (fileExt.Equals(fileExt)) { return true; } } return false; } }
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
- asp.net+js 實(shí)現(xiàn)無刷新上傳解析csv文件的代碼
- asp.net 判斷數(shù)組是否存在某個(gè)值的方法
- 判斷Email地址是否正確的幾個(gè)函數(shù)(asp/php/javascript)
- asp.net下使用jquery 的ajax+WebService+json 實(shí)現(xiàn)無刷新取后臺值的實(shí)現(xiàn)代碼
- asp.net 簡便無刷新文件上傳系統(tǒng)
- asp.net Ajax之無刷新評論介紹
- Asp.net利用JQuery AJAX實(shí)現(xiàn)無刷新評論思路與代碼
- asp.net jquery無刷新分頁插件(jquery.pagination.js)
- asp.net防止刷新時(shí)重復(fù)提交(可禁用工具條刷新按鈕)
- Asp.net 2.0 無刷新圖片上傳 顯示縮略圖 具體實(shí)現(xiàn)
- asp.net+jquery ajax無刷新登錄的實(shí)現(xiàn)方法
- Asp.Net 無刷新文件上傳并顯示進(jìn)度條的實(shí)現(xiàn)方法及思路
- asp.net刷新本頁面的六種方法總結(jié)
- 刷新頁面的幾種方法小結(jié)(JS,ASP.NET)
- .net cs后臺刷新aspx頁面的四種方式
- asp.net使用AJAX實(shí)現(xiàn)無刷新分頁
- asp.net中MVC借助Iframe實(shí)現(xiàn)無刷新上傳文件實(shí)例
- asp實(shí)現(xiàn)帶刷新功能的驗(yàn)證碼代碼
- ASP強(qiáng)制刷新網(wǎng)頁和判斷文件地址實(shí)例代碼
相關(guān)文章
Visual Studio 2017正式版發(fā)布 Mac版新功能特性有哪些
Visual Studio 2017正式版推出時(shí)間什么時(shí)候?Mac版新功能特性又有哪些?這篇文章就為大家詳細(xì)介紹Visual Studio 2017正式版的最新消息,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03ASP.NET Core如何添加統(tǒng)一模型驗(yàn)證處理機(jī)制詳解
這篇文章主要給大家介紹了關(guān)于ASP.NET Core如何添加統(tǒng)一模型驗(yàn)證處理機(jī)制的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用ASP.NET Core具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2018-05-05.NET開發(fā)實(shí)現(xiàn)一個(gè)微信跳一跳的輔助程序
最近比較火的小游戲就是微信跳一跳了,下面這篇文章主要給大家介紹了關(guān)于如何利用.NET開發(fā)實(shí)現(xiàn)一個(gè)微信跳一跳輔助程序的相關(guān)資料,利用此輔助可以輕松的實(shí)現(xiàn)高分,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01ASP.Net Core3.0中使用JWT認(rèn)證的實(shí)現(xiàn)
這篇文章主要介紹了ASP.Net Core3.0中使用JWT認(rèn)證的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01