C# WebAPI 上传文件和图片

最新推荐文章于 2024-02-01 17:19:35 发布

a123_z

最新推荐文章于 2024-02-01 17:19:35 发布

阅读量1.9w

点赞数 1

分类专栏： C# JS WebAPI Asp.net 文章标签： api Asp.net 上传图片上传文件

本文链接：https://blog.csdn.net/a123_z/article/details/77671801

版权

C# 同时被 3 个专栏收录

10 篇文章 1 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

WebAPI

4 篇文章 0 订阅

订阅专栏

前端使用 ajax+fromData 方式上传；

直接贴源码：

前台页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script>
        function doUpload() {
            var formData = new FormData($( "#uploadForm" )[0]);
            $.ajax({
                url: 'http://localhost:16516/api/Upload?guid=1234567890' ,
                type: 'POST',
                data: formData,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                success: function (returndata) {
                    alert(returndata);
                },
                error: function (returndata) {
                    alert(returndata);
                }
            });
        }
    </script>

</head>
<body>
<form id= "uploadForm">
    <p >指定文件名： <input type="text" name="filename" value= ""/></p >
    <p >上传文件： <input type="file" name="file"/></p>
    <input type="button" value="上传" οnclick="doUpload()" />
</form>
</body>

</html>

webapi 后台代码：

 /// <summary>
        /// 文件上传
        /// </summary>
        /// <param name="guid">GUID由前端生成</param>
        /// <returns></returns>
        [HttpPost]
        [Route("api/Upload")]
        public async Task<string> Post(string guid)
        {

            if (!Request.Content.IsMimeMultipartContent())
            {
                throw new HttpResponseException(HttpStatusCode.UnsupportedMediaType);
            }
            string uploadFolderPath = HostingEnvironment.MapPath("~/Upload");

            //如果路径不存在，创建路径
            if (!Directory.Exists(uploadFolderPath))
                Directory.CreateDirectory(uploadFolderPath);

            List<string> files = new List<string>();
            var provider = new WithExtensionMultipartFormDataStreamProvider(uploadFolderPath, guid);
            try
            {
                // Read the form data.
                await Request.Content.ReadAsMultipartAsync(provider);

                // This illustrates how to get the file names.
              
                foreach (var file in provider.FileData)
                {//接收文件
                    files.Add(Path.GetFileName(file.LocalFileName));
                }
            }
            catch
            {
                throw;
            }
            return string.Join(",", files);
        }

如需多文件上传，GUID请后台生成。

WithExtensionMultipartFormDataStreamProvider 文件说明：

public class WithExtensionMultipartFormDataStreamProvider : MultipartFormDataStreamProvider
    {
        public string guid { get; set; }

        public WithExtensionMultipartFormDataStreamProvider(string rootPath,string guidStr)
            : base(rootPath)
        {
            guid = guidStr;
        }

        public override string GetLocalFileName(System.Net.Http.Headers.HttpContentHeaders headers)
        {
            string extension = !string.IsNullOrWhiteSpace(headers.ContentDisposition.FileName) ? Path.GetExtension(GetValidFileName(headers.ContentDisposition.FileName)) : "";
            return guid + extension;
        }

        private string GetValidFileName(string filePath)
        {
            char[] invalids = System.IO.Path.GetInvalidFileNameChars();
            return String.Join("_", filePath.Split(invalids, StringSplitOptions.RemoveEmptyEntries)).TrimEnd('.');
        }
    }

OK，测试成功！

a123_z

关注

1
点赞
踩
33

收藏

觉得还不错? 一键收藏
11
评论
C# WebAPI 上传文件和图片

前端使用 ajax+fromData 方式上传；直接贴源码：前台页面： Title function doUpload() { var formData = new FormData($( "#uploadForm" )[0]); $.ajax({
复制链接

扫一扫