WebApi2 文件图片上传与下载功能

下面我将为您详细讲解“WebApi2 文件图片上传与下载功能”的完整攻略。

一、上传功能

1. 客户端请求上传

首先，客户端需要向服务器发起上传文件/图片的请求。可以通过一个简单的HTML表单来构建这个请求。在表单里，需要指定上传地址和上传方式，同时通过一个文件选择 input 框来选择要上传的文件。

<form action="http://api.example.com/upload" method="post" enctype="multipart/form-data">
  <input type="file" name="file">
  <button type="submit">上传</button>
</form>

2. 服务器处理请求

当请求到达服务器时，服务器端需要解析出来客户端上传的文件。我们使用 ASP.NET Web API 来处理这个请求。由于文件的大小可能会很大，我们需要对上传的数据进行分段，这样可以减少内存的开销。

我们可以使用WebApiContrib 这个库来帮助我们编写代码。这个库可以让我们很方便的处理HTTP请求数据。

public async Task<HttpResponseMessage> Post()
{
    if (!Request.Content.IsMimeMultipartContent())  
    {  
        throw new HttpResponseException(HttpStatusCode.UnsupportedMediaType);  
    }  

    var uploadPath = HostingEnvironment.MapPath("~/Images");  

    var provider = new MultipartFormDataStreamProvider(uploadPath);  

    await Request.Content.ReadAsMultipartAsync(provider);  

    var fileNames = new List<string>();  

    foreach (MultipartFileData fileData in provider.FileData)  
    {  
        var fileInfo = new FileInfo(fileData.LocalFileName);  
        var fileName = fileData.Headers.ContentDisposition.FileName;  
        fileName = fileName.Trim('\"');  
        var filePath = Path.Combine(uploadPath, fileName);  

        if (File.Exists(filePath))  
        {  
            File.Delete(filePath);  
        }  

        // 保存到文件  
        fileInfo.CopyTo(filePath);  

        fileNames.Add(fileName);  
    }  

    return Request.CreateResponse(HttpStatusCode.OK, fileNames);  
}  

在上面的代码中，我们首先通过 IsMimeMultipartContent() 方法来检查请求是否有正确的 Content-Type。然后，我们创建了一个 MultipartFormDataStreamProvider 对象，并且传递了一个文件保存的路径。最后，我们使用 ReadAsMultipartAsync() 方法来解析上传的数据。

3. 返回上传结果

在处理完上传请求之后，我们需要向客户端返回上传结果。在这个例子中，我们简单的返回了上传成功的文件名称列表。

最终代码如下：

public async Task<HttpResponseMessage> Post()
{
    if (!Request.Content.IsMimeMultipartContent())  
    {  
        throw new HttpResponseException(HttpStatusCode.UnsupportedMediaType);  
    }  

    var uploadPath = HostingEnvironment.MapPath("~/Images");  

    var provider = new MultipartFormDataStreamProvider(uploadPath);  

    await Request.Content.ReadAsMultipartAsync(provider);  

    var fileNames = new List<string>();  

    foreach (MultipartFileData fileData in provider.FileData)  
    {  
        var fileInfo = new FileInfo(fileData.LocalFileName);  
        var fileName = fileData.Headers.ContentDisposition.FileName;  
        fileName = fileName.Trim('\"');  
        var filePath = Path.Combine(uploadPath, fileName);  

        if (File.Exists(filePath))  
        {  
            File.Delete(filePath);  
        }  

        // 保存到文件  
        fileInfo.CopyTo(filePath);  

        fileNames.Add(fileName);  
    }  

    return Request.CreateResponse(HttpStatusCode.OK, fileNames);  
}  

二、下载功能

1. 客户端请求下载

客户端需要向服务器发起下载文件/图片的请求。可以通过一个简单的链接来构建这个请求。在链接里，需要指定下载地址和下载方式。

<a href="http://api.example.com/download/image.jpg">下载图片</a>

2. 服务器处理请求

当请求到达服务器时，服务器需要返回文件的二进制流数据。

我们可以使用 ASP.NET Web API 来处理这个请求。我们可以通过文件路径来获取文件，然后使用指定的 MIME 类型来为文件设置正确的 Content-Type。最后，我们将文件的二进制数据返回给客户端。

public HttpResponseMessage Get(string filename)
{
    var filePath = HostingEnvironment.MapPath("~/Images/"+filename);

    if (!File.Exists(filePath))  
    {  
        throw new HttpResponseException(HttpStatusCode.NotFound);  
    }  

    var content = new StreamContent(new FileStream(filePath, FileMode.Open, FileAccess.Read));  

    var contentType = MimeMapping.GetMimeMapping(filename);  

    content.Headers.ContentType = new MediaTypeHeaderValue(contentType);  

    var response = new HttpResponseMessage(HttpStatusCode.OK) {Content = content};  

    return response;  
}  

在上面的代码中，我们首先检查文件是否存在。然后，我们使用 StreamContent 类来读取文件的二进制数据。接着，我们使用 MimeMapping.GetMimeMapping() 方法来获取文件的 MIME 类型，最后，我们将 MIME 类型设置为Content-Type，并将文件的二进制数据返回给客户端。

3. 返回下载结果

在处理完下载请求之后，服务器会将文件的二进制数据返回给客户端。客户端可以使用这个数据来展示或者将文件存入本地磁盘。

最终代码如下：

public HttpResponseMessage Get(string filename)
{
    var filePath = HostingEnvironment.MapPath("~/Images/"+filename);

    if (!File.Exists(filePath))  
    {  
        throw new HttpResponseException(HttpStatusCode.NotFound);  
    }  

    var content = new StreamContent(new FileStream(filePath, FileMode.Open, FileAccess.Read));  

    var contentType = MimeMapping.GetMimeMapping(filename);  

    content.Headers.ContentType = new MediaTypeHeaderValue(contentType);  

    var response = new HttpResponseMessage(HttpStatusCode.OK) {Content = content};  

    return response;  
}  

以上就是完整的“WebApi2 文件图片上传与下载功能”的攻略啦。