.NET 6 图片上传功能实现 - 详细教程和代码示例

"在.NET 6中，可以使用以下方法实现图片上传功能：\n\n1. 在ASP.NET Core项目中创建一个控制器，用于处理图片上传的请求。\n\ncsharp\n[ApiController]\n[Route("api/[controller]")]\npublic class ImagesController : ControllerBase\n{\n [HttpPost]\n public IActionResult UploadImage(IFormFile file)\n {\n // 检查文件是否为空\n if (file == null || file.Length == 0)\n {\n return BadRequest("文件不能为空");\n }\n\n // 检查文件类型\n if (!IsImageFile(file))\n {\n return BadRequest("文件类型不正确");\n }\n\n // 生成唯一的文件名\n string fileName = Guid.NewGuid().ToString() + Path.GetExtension(file.FileName);\n\n // 保存文件到服务器\n string filePath = Path.Combine("uploads", fileName);\n using (FileStream stream = new FileStream(filePath, FileMode.Create))\n {\n file.CopyTo(stream);\n }\n\n // 返回文件路径\n return Ok(filePath);\n }\n\n private bool IsImageFile(IFormFile file)\n {\n // 根据需要检查文件类型的条件\n string[] allowedExtensions = { ".jpg", ".jpeg", ".png", ".gif" };\n string fileExtension = Path.GetExtension(file.FileName).ToLower();\n\n return allowedExtensions.Contains(fileExtension);\n }\n}\n\n\n2. 在ASP.NET Core项目的Startup.cs文件的ConfigureServices方法中配置文件上传相关的服务。\n\ncsharp\npublic void ConfigureServices(IServiceCollection services)\n{\n // ...\n services.AddControllers();\n services.AddCors(); // 添加跨域支持\n\n // 配置文件上传的最大限制\n services.Configure<IISServerOptions>(options =>\n {\n options.MaxRequestBodySize = int.MaxValue;\n });\n}\n\n\n3. 在前端页面中，使用FormData对象将文件上传到服务器。\n\njavascript\nfunction uploadImage(file) {\n let formData = new FormData();\n formData.append("file", file);\n\n fetch("/api/images", {\n method: "POST",\n body: formData\n })\n .then(response => response.json())\n .then(data => {\n console.log("上传成功，文件路径：" + data);\n })\n .catch(error => {\n console.error("上传失败：" + error);\n });\n}\n\n// 使用示例\nlet inputFile = document.getElementById("fileInput");\ninputFile.addEventListener("change", function() {\n let file = inputFile.files[0];\n uploadImage(file);\n});\n\n\n上述代码中，将文件上传到/api/images路由，通过FormData对象将文件作为表单数据发送到服务器。服务器接收到文件后，进行简单的验证（文件不能为空、文件类型正确），然后保存文件到服务器的指定目录。最后，返回文件路径给前端。\n\n