asp.net多文件上传实例讲解
文件上传简单实现是非常容易的,但是想要更高的要求,比如通过ajax上传文件、一次上传多个文件、文件比较大等等,这里面的坑就不是很容易填(对于新手来说)。因此在这里我准备通过ajax实现多文件上传。在开始贴代码之前,要注意几点:
1.<input type="file" />是必须要加name的,不知道为什么不加name属性,后台获取不到文件数据(有办法的大神可以在评论区提醒我),然后是multiple属性,当multiple="multiple"时,file控件是可以多选需要上传的文件的(<input type="file" multiple="multiple" name="myfile" />)。
2.form要设enctype为multiple/form-data,multipart/form-data表示:不对字符编码,在使用包含文件上传控件的表单时,必须使用该值。关于enctype的详细讲解可以查看
3.重点来了,ajax的参数设置里面有大坑(很多人都没注意ajax的众多参数),contenttype和processdata需要设为false,contenttype明明被要求为string类型,但是这里要设为false(我也不知道为什么),网上关于contenttype的说明大多是"contenttype:要求为string类型的参数,当发送信息至服务器时,内容编码类型默认为"application/x-www-form-urlencoded"。该默认值适合大多数应用场合",还有个data要设为new formdata($(' ')[0]),想了解其他参数的可看这个 。
下面就是简单的前台代码:
<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, // 关键点 contenttype: false, // 关键点 success: function (result) { if (result.check) { alert("成功"); } else { alert("失败"); } var file = $("#personfile") file.after(file.clone().val("")); file.remove(); } }); }
现在轮到后台了,我这边后台是通过system.web.httpcontext.current.request.files获取文件数据集的,之后的代码我将以图片为例。
[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(),这个是吴剑大哥写的图片处理类,地址。最后还有一个坑,就是asp.net对一次上传数据的大小是有限制的,要解除限制才能10个20个文件同时上传。如何解除限制?在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>节点下。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。