WebAPI+Form表单上传文件

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

问题一: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

        






可以通过以下步骤在 C# 中使用 Web API 中转上传文件到文件服务器: 1. 创建一个 Web API 控制器来处理上传请求,例如: ```csharp public class FileUploadController : ApiController { [HttpPost] public async Task<IHttpActionResult> Upload() { // 处理上传请求 // ... } } ``` 2. 在上传请求中,使用 `MultipartFormDataStreamProvider` 类来处理上传的文件和表单数据。例如: ```csharp public async Task<IHttpActionResult> Upload() { // 验证上传请求是否为 multipart/form-data if (!Request.Content.IsMimeMultipartContent()) { throw new HttpResponseException(HttpStatusCode.UnsupportedMediaType); } // 设置文件上传目录 var uploadPath = HttpContext.Current.Server.MapPath("~/Uploads"); // 处理上传的文件和表单数据 var provider = new MultipartFormDataStreamProvider(uploadPath); await Request.Content.ReadAsMultipartAsync(provider); // 获取上传的文件 var file = provider.FileData.FirstOrDefault(); // 将文件上传到文件服务器 // ... } ``` 3. 使用 `WebClient` 类或其他 HTTP 客户端库将文件上传到文件服务器。例如: ```csharp public async Task<IHttpActionResult> Upload() { // ... // 将文件上传到文件服务器 var fileStream = File.OpenRead(file.LocalFileName); var client = new WebClient(); client.UploadFile("http://fileserver/upload", fileStream); // 删除上传的临时文件 File.Delete(file.LocalFileName); return Ok(); } ``` 4. 在文件服务器上处理上传的文件。例如,在 ASP.NET Core 中,可以使用 `IFormFile` 类来处理上传的文件。例如: ```csharp [HttpPost("upload")] public async Task<IActionResult> Upload(IFormFile file) { if (file == null || file.Length == 0) { return BadRequest(); } // 保存上传的文件 var filePath = Path.Combine(_hostingEnvironment.ContentRootPath, "uploads", file.FileName); using (var stream = new FileStream(filePath, FileMode.Create)) { await file.CopyToAsync(stream); } return Ok(); } ``` 以上是一个基本的上传文件的流程,具体的实现细节可以根据具体的需求进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值