WebAPI+Form表单上传文件

最新推荐文章于 2024-05-28 15:10:17 发布

小猫学游戏

最新推荐文章于 2024-05-28 15:10:17 发布

阅读量3.8k

点赞数 2

分类专栏： C#

本文链接：https://blog.csdn.net/Tomato2313/article/details/79638656

版权

C# 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

上传的时候还是遇到一些问题的，在文章开头罗列一下，希望帮到跟我遇到同样问题的人

问题一：GET 请求与POST请求

起初我使用的是GET 请求，发现不行，后改为了POST，具体原因尚不明确，不过一般向服务器发送数据还是用POST吧,后来发现网上有使用GET方式上传文件的，但是貌似不多。

问题二：FROM 表单中没有加 enctype="multipart/form-data" 属性

上网查了下资料：enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。解释如下表：

值	描述
application/x-www-form-urlencoded	在发送前编码所有字符（默认）
multipart/form-data	不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。
text/plain	空格转换为 "+" 加号，但不对特殊字符编码。

值

描述

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

小猫学游戏

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
WebAPI+Form表单上传文件

上传的时候还是遇到一些问题的，在文章开头罗列一下，希望帮到跟我遇到同样问题的人问题一：GET 请求与POST请求起初我使用的是GET 请求，发现不行，后改为了POST，具体原因尚不明确，不过一般向服务器发送数据还是用POST吧,后来发现网上有使用GET方式上传文件的，但是貌似不多。问题二：FROM 表单中没有加 enctype="multipart/form-data" 属性 ...
复制链接

扫一扫