上传的时候还是遇到一些问题的,在文章开头罗列一下,希望帮到跟我遇到同样问题的人
问题一:GET 请求与POST请求
起初我使用的是GET 请求,发现不行,后改为了POST,具体原因尚不明确,不过一般向服务器发送数据还是用POST吧,后来发现网上有使用GET方式上传文件的,但是貌似不多。
问题二:FROM 表单中没有加enctype="multipart/form-data" 属性
上网查了下资料 :enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。解释如下表:
问题三:input 表单控件没有添加 name 属性
没添加name属性,后台就不认识了?这个没花时间去查,暂时放一下。
下面直接贴代码了,首先是前端代码部分
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="jquery1.9.1.js" ></script></head><body><form enctype="multipart/form-data" action="http://localhost:42031/api/home/AddTableByDT" method="post"><input name="file" type="file" /><input type="submit" /></form></body></html>
前端代码没啥好说的,下面是后端代码
[HttpPost]public void AddTableByDapper(){try{System.Web.HttpFileCollection file = System.Web.HttpContext.Current.Request.Files;if (file.Count > 0){//文件名 string name = file[0].FileName;//保存文件 string path = HttpContext.Current.Server.MapPath("~/UpLoad/") + name;file[0].SaveAs(path);}}catch (Exception ex){throw ex;}}
对于后端代码,我有话要说,在调试过程中,我们可以看到文件中的一些属性
ContentLength :是该文件的大小(以字节计)
ContentType : 文件类型
FileName :文件名
如果你打算本地进行调试,那么先解决跨域问题,跨域问题网上的办法很多,我就不在累述了。
一般上传文件后,我们要对文件的类型和大小进行限制,并对该文件进行重命名,有了这三个属性后,都可以完成了,本来打算封装一个方法的,可是我实在太懒了,就先这样吧。敲代码眼睛这么酸涩,看看图休息一下吧,以后有机会再来上传demo