asp.net多文件上傳實(shí)例講解
文件上傳簡(jiǎn)單實(shí)現(xiàn)是非常容易的,但是想要更高的要求,比如通過(guò)ajax上傳文件、一次上傳多個(gè)文件、文件比較大等等,這里面的坑就不是很容易填(對(duì)于新手來(lái)說(shuō))。因此在這里我準(zhǔn)備通過(guò)ajax實(shí)現(xiàn)多文件上傳。在開始貼代碼之前,要注意幾點(diǎn):
1.<input type="file" />是必須要加name的,不知道為什么不加name屬性,后臺(tái)獲取不到文件數(shù)據(jù)(有辦法的大神可以在評(píng)論區(qū)提醒我),然后是multiple屬性,當(dāng)multiple="multiple"時(shí),file控件是可以多選需要上傳的文件的(<input type="file" multiple="multiple" name="myFile" />)。
2.form要設(shè)enctype為multiple/form-data,multipart/form-data表示:不對(duì)字符編碼,在使用包含文件上傳控件的表單時(shí),必須使用該值。關(guān)于enctype的詳細(xì)講解可以查看http://www.dbjr.com.cn/web/165444.html
3.重點(diǎn)來(lái)了,ajax的參數(shù)設(shè)置里面有大坑(很多人都沒(méi)注意ajax的眾多參數(shù)),contentType和processData需要設(shè)為false,contentType明明被要求為string類型,但是這里要設(shè)為false(我也不知道為什么),網(wǎng)上關(guān)于contentType的說(shuō)明大多是"contentType:要求為String類型的參數(shù),當(dāng)發(fā)送信息至服務(wù)器時(shí),內(nèi)容編碼類型默認(rèn)為"application/x-www-form-urlencoded"。該默認(rèn)值適合大多數(shù)應(yīng)用場(chǎng)合",還有個(gè)data要設(shè)為new FormData($(' ')[0]),想了解其他參數(shù)的可看這個(gè)http://www.dbjr.com.cn/article/95425.htm 。
下面就是簡(jiǎn)單的前臺(tái)代碼:
<form id="uploadForm" enctype="multipart/form-data" action="/Login/uploadFile" method="post"> <input type="file" multiple="multiple" id="PersonFile" name="MyFile" /> <button type="button" id="submitFile" onclick="uploadFile()">提交</button> </form>
//上傳文件 function uploadFile() { debugger $.ajax({ url: '/Login/uploadFile', type: 'POST', cache: false, data: new FormData($('#uploadForm')[0]), processData: false, // 關(guān)鍵點(diǎn) contentType: false, // 關(guān)鍵點(diǎn) success: function (result) { if (result.Check) { alert("成功"); } else { alert("失敗"); } var file = $("#PersonFile") file.after(file.clone().val("")); file.remove(); } }); }
現(xiàn)在輪到后臺(tái)了,我這邊后臺(tái)是通過(guò)System.Web.HttpContext.Current.Request.Files獲取文件數(shù)據(jù)集的,之后的代碼我將以圖片為例。
[HttpPost] public ActionResult uploadFile() { Result<string> check = new Result<string>(); try { HttpFileCollection files = System.Web.HttpContext.Current.Request.Files; int number = 0; for (int i = 0; i < files.Count; i++) { System.Text.StringBuilder fileName = new System.Text.StringBuilder(); fileName.Append(@"D:\"); fileName.Append(DateTime.Now.ToString("yyMMdd")); fileName.Append(@"\"); if (!System.IO.Directory.Exists(fileName.ToString())) { System.IO.Directory.CreateDirectory(fileName.ToString()); } fileName.Append(System.IO.Path.GetFileNameWithoutExtension(files[i].FileName)); fileName.Append(DateTime.Now.ToString("yyMMddHHmmss")); fileName.Append(System.IO.Path.GetExtension(files[i].FileName)); System.IO.Stream sm = files[i].InputStream; if (System.IO.File.Exists(@"D:\水印log.jpg")) { ImageHelper.ZoomAuto(sm, fileName.ToString(), 400, 300, "", @"D:\水印log.jpg"); } else { ImageHelper.ZoomAuto(sm, fileName.ToString(), 400, 300, "水印LOG", ""); } bool ok = System.IO.File.Exists(fileName.ToString()); if (ok) { number++; } } if (number.Equals(files.Count)) { check.Message = "上傳成功!"; check.Check = true; } else { check.Message = "失??!"; check.Check = false; } return Json(check); } catch(Exception ex) { check.Message = ex.ToString(); check.Check = false; return Json(check); } }
/// <summary> /// 返回值 /// </summary> public class Result<T> { public string Message { get; set; } public bool Check { get; set; } public IList<T> ResultList { get; set; } }
其中用到了ImageHelper.ZoomAuto(),這個(gè)是吳劍大哥寫的圖片處理類,地址http://www.cnblogs.com/wu-jian/archive/2011/02/21/1959382.html。最后還有一個(gè)坑,就是asp.net對(duì)一次上傳數(shù)據(jù)的大小是有限制的,要解除限制才能10個(gè)20個(gè)文件同時(shí)上傳。如何解除限制?在web.config里面配置一下就OK了。代碼如下:
<system.web> <authentication mode="None" /> <compilation debug="true" targetFramework="4.5" /> <!--<httpRuntime targetFramework="4.5" />--> <httpRuntime executionTimeout="500" maxRequestLength="409600" useFullyQualifiedRedirectUrl="false" minFreeThreads="8" minLocalRequestFreeThreads="4" appRequestQueueLimit="100" /> </system.web>
把<httpRuntime >放<system.web>節(jié)點(diǎn)下。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- asp.net core實(shí)現(xiàn)文件上傳功能
- ASP.NET MVC文件上傳教程(二)
- asp.net文件上傳解決方案(圖片上傳、單文件上傳、多文件上傳、檢查文件類型)
- asp.net文件上傳帶進(jìn)度條實(shí)現(xiàn)案例(多種風(fēng)格)
- ASP.NET設(shè)計(jì)FTP文件上傳的解決方案
- asp.net批量多選文件上傳解決方案
- ASP.NET對(duì)大文件上傳的解決方案
- ASP.NET實(shí)現(xiàn)的簡(jiǎn)單易用文件上傳類
- asp.net 多文件上傳,兼容IE6/7/8,提供完整代碼下載
- asp.net(c#)開發(fā)中的文件上傳組件uploadify的使用方法(帶進(jìn)度條)
相關(guān)文章
Entity Framework中執(zhí)行sql語(yǔ)句
這篇文章介紹了Entity Framework中執(zhí)行sql語(yǔ)句的方法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-03-03詳解Asp.Net Core 2.1+的視圖緩存(響應(yīng)緩存)
本篇文章給大家通過(guò)實(shí)例講述了Asp.Net Core 2.1+的視圖緩存(響應(yīng)緩存)的相關(guān)知識(shí)點(diǎn),對(duì)此有興趣的讀者們可以學(xué)習(xí)下。2018-03-03詳解ASP.NET MVC3:Razor的@:和語(yǔ)法
這篇文章主要介紹了詳解ASP.NET MVC3:Razor的@:和語(yǔ)法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01基于MVC4+EasyUI的Web開發(fā)框架之附件上傳組件uploadify的使用
這篇文章主要介紹了基于MVC4+EasyUI的Web開發(fā)框架之附件上傳組件uploadify的使用,需要的朋友可以參考下2017-08-08