Blazor Wasm文件上传：FileStream自动加根路径引发错误及文件定位问题

问题根源 #

1. WASM运行环境限制：Blazor WASM是在浏览器沙箱里运行的客户端应用，完全没有权限直接访问用户本地文件系统（比如你硬编码的C:/Databanken/Lovap/1.png路径），浏览器的安全机制会直接阻止这类操作，路径拼接错误只是表象，本质是客户端不能直接操作本地物理文件。
2. 虚拟路径的误解：AppDomain.CurrentDomain.BaseDirectory在WASM环境中指向的是浏览器的虚拟根目录（/），不是本地项目的bin目录或者服务器的物理路径。你拼接出来的路径只存在于浏览器的内存沙箱中，不会生成实际的本地文件，自然找不到。

正确解决流程 #

Blazor WASM文件上传必须通过客户端→后端API的方式实现，由后端负责文件存储：

1. 客户端代码（Blazor组件） #

<EditForm>
    <InputFile OnChange="SaveFilesAsync" multiple></InputFile>
</EditForm>

@code {
    [Inject] private HttpClient Http { get; set; }

    private async Task SaveFilesAsync(InputFileChangeEventArgs e)
    {
        foreach (var file in e.GetMultipleFiles())
        {
            using var stream = file.OpenReadStream();
            var content = new MultipartFormDataContent();
            content.Add(new StreamContent(stream), "files", file.Name);

            // 发送到后端上传接口
            var response = await Http.PostAsync("/api/files/upload", content);
            response.EnsureSuccessStatusCode();
        }
    }
}

2. 后端API代码（ASP.NET Core） #

[ApiController]
[Route("api/files")]
public class FilesController : ControllerBase
{
    private readonly IConfiguration _config;

    public FilesController(IConfiguration config)
    {
        _config = config;
    }

    [HttpPost("upload")]
    public async Task<IActionResult> Upload(List<IFormFile> files)
    {
        // 从配置读取存储路径，默认用项目根目录下的Uploads文件夹
        var storagePath = _config["FileStoragePath"] ?? Path.Combine(Directory.GetCurrentDirectory(), "Uploads");
        
        // 确保存储目录存在
        if (!Directory.Exists(storagePath))
        {
            Directory.CreateDirectory(storagePath);
        }

        foreach (var file in files)
        {
            var filePath = Path.Combine(storagePath, file.FileName);
            using var stream = new FileStream(filePath, FileMode.Create);
            await file.CopyToAsync(stream);
        }

        return Ok("文件上传成功");
    }
}

自定义文件存储位置的方法 #

1. 配置固定路径：在后端的appsettings.json中添加存储路径配置，方便后续修改：

{
  "FileStoragePath": "C:/Databanken/Lovap/"
}

2. 权限设置：确保后端应用程序对目标路径有读写权限——Windows下给应用池用户添加该目录的读写权限，Linux下设置对应的用户组权限。
3. 云存储适配：如果部署到云环境，直接替换后端存储逻辑为云存储SDK（比如Azure Blob Storage、AWS S3），无需依赖本地物理路径。

内容的提问来源于stack exchange，提问作者Ioannes Arkhipov