上传的时候还是遇到一些问题的,在文章开头罗列一下,希望帮到跟我遇到同样问题的人
问题一:GET 请求与POST请求
起初我使用的是GET 请求,发现不行,后改为了POST,具体原因尚不明确,不过一般向服务器发送数据还是用POST吧,后来发现网上有使用GET方式上传文件的,但是貌似不多。
问题二:FROM 表单中没有加 enctype="multipart/form-data" 属性
上网查了下资料 :enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。解释如下表:
值 | 描述 |
---|---|
application/x-www-form-urlencoded | 在发送前编码所有字符(默认) |
multipart/form-data | 不对字符编码。 在使用包含文件上传控件的表单时,必须使用该值。 |
text/plain | 空格转换为 "+" 加号,但不对特殊字符编码。 |
问题三: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