C#实现图片多端上传与跨域保存操作详解

本篇文章主要介绍了如何在C#中实现图片上传功能，包括PC端和APP端的处理，并着重讲解了跨域上传的问题。以下是详细的解读： 1. **PC端图片上传处理**： - 在前端页面上，利用HTML `<input>`元素的`type="file"`属性，通过`multiple`属性允许用户选择单张或多张图片，如`<input id="BusRoute" ... multiple />`。 - 后端接收图片：在服务器端，使用`HttpContext.Current.Request.Files`属性来获取上传的文件集合`HttpFileCollection pcFileColl`。这包含了用户上传的所有文件信息。 2. **图片保存示例**： - 首先，定义一个变量`completeUrl`用于存储图片的完整存储路径，以及一个相对路径`relativeUrl`。 - 使用`Server.MapPath`方法将`saveTempPath`转换为服务器物理路径，以便于文件操作。 - 创建文件夹结构：根据日期创建文件夹，按照年份、月份进行组织，确保目录结构清晰且易于管理。 - 使用`Directory.Exists`检查目标路径是否存在，如果不存在则使用`Directory.CreateDirectory`创建它。 - 对于每个图片文件，循环遍历`picColl`，将每张图片保存到相应的目录下。 3. **跨域上传说明**： - 文章提到了跨域问题，但没有提供具体的解决策略。在C#中，如果图片上传涉及到不同源的服务器，可能需要服务器端设置CORS（Cross-Origin Resource Sharing）头，允许指定来源的请求访问特定资源。这通常在后端配置中实现，允许特定的HTTP方法（GET, POST等）、头部字段（如Origin）和响应头部（如Access-Control-Allow-Origin）。 4. **总结**： 本文档详细地展示了在C#开发中如何处理图片上传，无论是PC端还是APP端，都涉及到了前端的选择文件接口和后端文件处理，以及文件存储路径的创建。对于跨域问题，虽然未给出具体代码，但提示开发者注意在服务器端进行相应的配置以确保跨域请求的成功处理。 这篇文章是一个实用的指南，适合C#开发者在实际项目中处理图片上传和文件系统操作，尤其是在处理多级目录结构和跨域限制时需要考虑的因素。