C# ASP.NET Core 表单提交验证失败时如何保留file控件已上传文件？

这是浏览器原生的安全限制：<input type="file" /> 控件的文件选择属性是只读的，不允许网页代码通过任意方式主动赋值，所以传统服务端整页刷新回显的模式，根本无法直接还原用户已选择的文件，只能通过其他方案绕开这个限制。

方案1：全异步表单提交（最推荐，实现成本最低） #

• 整个表单不走原生提交，全部用AJAX/Fetch异步请求提交，页面全程不刷新
• 服务端校验不通过时，直接返回JSON格式的错误信息，前端渲染错误提示即可，文件上传控件的已选文件会自然保留，不需要额外处理
• 若需要用到服务端返回的ModelState校验信息，直接把ModelState的错误字段、提示转成JSON结构返回即可

方案2：异步预上传文件 #

• 监听文件上传控件的选择事件，用户选完文件后立刻触发异步上传，服务端将文件存在临时目录，返回唯一的临时文件标识
• 将临时文件标识存入表单的隐藏输入框，后续整表提交时只需要传这个标识，不需要重复传文件
• 就算服务端校验不通过整页回显，隐藏输入框的值可以正常保留，用户无需重新选择文件
• 配套优化：后台做临时文件过期清理（比如24小时未关联正式业务就自动删除），同时做好临时文件的权限校验，避免标识被冒用

方案3：前端缓存File对象（仅适用于非整页刷新场景） #

• 用户选完文件后，将File对象缓存在前端全局变量中（大文件不要存在sessionStorage/localStorage，会占用大量存储）
• 若表单提交是前端路由跳转、无整页刷新的场景，回显时可以通过JS将缓存的File对象重新赋值给input的files属性，还原已选状态
• 可以额外在页面展示已选文件的名称、大小，给用户明确的已选提示

不要尝试通过服务端渲染的方式给<input type="file" />赋值，所有类似操作都会被浏览器安全规则拦截，没有任何实现可能。

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