先上幾張圖更直覺展示一下要實作的功能,本功能主要通過Jquery ajaxfileupload.js插件結合ajaxUpFile.ashx一般應用程式處理檔案實作Ajax無重新整理上傳功能,結合NPOI2.0實作資料讀取。這個功能在實際工作種經常用到,希望能給需要做這方面的人有些幫助。
1、上傳頁面布局及input file上傳功能
2、上傳頁面檔案正在上傳效果
3、上傳完成效果,多檔案展示區
1、js資源檔案引用
2、html頁面實作代碼
采用html+jquey ajax方式去實作上傳功能,可以下載下傳Excel導入模版;
3、JavaScript用戶端實作代碼
ajaxfileupload.js結合ajaxUpFile.ashx一般應用程式處理檔案實作Ajax無重新整理上傳功能并且顯示灰色遮罩;
4、ajaxUpFile.ashx實作代碼
這個地方值得注意的是需要讀取Excel檔案,需要引用NPOI的dll,這個可以在百度上搜尋一下,盡量采用新版本,相容性好。
需要引用的NPOI的命名空間如下:
C# Excel讀取寫入等功能實作代碼:
以上希望多各位需要做ajax檔案上傳的朋友有些幫助,謝謝!
或者直接用手機掃描二維碼檢視更多博文: