asp.net多文件上传实例讲解
文件上传简单实现是非常容易的,但是想要更高的要求,比如通过ajax上传文件、一次上传多个文件、文件比较大等等,这里面的坑就不是很容易填(对于新手来说)。因此在这里我准备通过ajax实现多文件上传。在开始贴代码之前,要注意几点:
1.<inputtype="file"/>是必须要加name的,不知道为什么不加name属性,后台获取不到文件数据(有办法的大神可以在评论区提醒我),然后是multiple属性,当multiple="multiple"时,file控件是可以多选需要上传的文件的(<inputtype="file"multiple="multiple" name="myFile"/>)。
2.form要设enctype为multiple/form-data,multipart/form-data表示:不对字符编码,在使用包含文件上传控件的表单时,必须使用该值。关于enctype的详细讲解可以查看https://www.nhooo.com/web/165444.html
3.重点来了,ajax的参数设置里面有大坑(很多人都没注意ajax的众多参数),contentType和processData需要设为false,contentType明明被要求为string类型,但是这里要设为false(我也不知道为什么),网上关于contentType的说明大多是"contentType:要求为String类型的参数,当发送信息至服务器时,内容编码类型默认为"application/x-www-form-urlencoded"。该默认值适合大多数应用场合",还有个data要设为newFormData($('')[0]),想了解其他参数的可看这个https://www.nhooo.com/article/95425.htm 。
下面就是简单的前台代码:
<formid="uploadForm"enctype="multipart/form-data"action="/Login/uploadFile"method="post"> <inputtype="file"multiple="multiple"id="PersonFile"name="MyFile"/> <buttontype="button"id="submitFile"onclick="uploadFile()">提交</button> </form>
//上传文件 functionuploadFile(){ debugger $.ajax({ url:'/Login/uploadFile', type:'POST', cache:false, data:newFormData($('#uploadForm')[0]), processData:false,//关键点 contentType:false,//关键点 success:function(result){ if(result.Check){ alert("成功"); } else{ alert("失败"); } varfile=$("#PersonFile") file.after(file.clone().val("")); file.remove(); } }); }
现在轮到后台了,我这边后台是通过System.Web.HttpContext.Current.Request.Files获取文件数据集的,之后的代码我将以图片为例。
[HttpPost] publicActionResultuploadFile() { Result<string>check=newResult<string>(); try { HttpFileCollectionfiles=System.Web.HttpContext.Current.Request.Files; intnumber=0; for(inti=0;i<files.Count;i++) { System.Text.StringBuilderfileName=newSystem.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.Streamsm=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",""); } boolok=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; } returnJson(check); } catch(Exceptionex) { check.Message=ex.ToString(); check.Check=false; returnJson(check); } }
///<summary> ///返回值 ///</summary> publicclassResult<T> { publicstringMessage{get;set;} publicboolCheck{get;set;} publicIList<T>ResultList{get;set;} }
其中用到了ImageHelper.ZoomAuto(),这个是吴剑大哥写的图片处理类,地址http://www.cnblogs.com/wu-jian/archive/2011/02/21/1959382.html。最后还有一个坑,就是asp.net对一次上传数据的大小是有限制的,要解除限制才能10个20个文件同时上传。如何解除限制?在web.config里面配置一下就OK了。代码如下:
<system.web> <authenticationmode="None"/> <compilationdebug="true"targetFramework="4.5"/> <!--<httpRuntimetargetFramework="4.5"/>--> <httpRuntimeexecutionTimeout="500"maxRequestLength="409600"useFullyQualifiedRedirectUrl="false"minFreeThreads="8"minLocalRequestFreeThreads="4"appRequestQueueLimit="100"/> </system.web>
把<httpRuntime>放<system.web>节点下。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。