编辑任务时，用户往往只改了一个标题、一次状态或者截止时间，保存后却发现原本上传的图片不见了。界面没有提示删除，回收站里也找不到，这种问题几乎都指向同一个原因：更新接口在收到空文件字段时，把数据库中的图片路径覆盖成了空值。要彻底解决，必须把“未选择文件”和“明确删除图片”当成两种完全不同的操作处理。下面从表单提交、后端接收和数据库更新三个层面说明如何保留已有图片。
这里先澄清一个容易混淆的概念：文件上传框没有选择文件，不代表用户想删除图片。普通文本框留空，可能表示清空内容；但文件框留空，通常只是表示我不想更换文件。由于HTTP multipart表单对未选择文件的处理方式不稳定，不同浏览器和后端框架可能把该字段解析成null、空字符串，甚至直接不提交。如果更新逻辑不做区分，就会把这个空值写进图片路径字段，造成数据丢失。
一、覆盖根因：空文件字段如何进入更新链路
在典型的任务更新请求中，前端会使用 enctype=multipart/form-data 提交标题、描述和图片文件。后端框架将请求参数绑定到实体对象后，很多开发者习惯直接调用全字段更新方法。比如下面的写法：
public void updateTask(Task task, MultipartFile image) {
if (image != null && !image.isEmpty()) {
String path = storageService.save(image);
task.setImagePath(path);
} else {
task.setImagePath(null); // 用户没有选文件，却被当作删除
}
taskMapper.updateById(task);
}这段代码的问题在于else分支。它假设只要没有新文件，就应当清空图片路径。可实际上，用户可能根本没有碰文件选择框。对于“只修改任务标题”的请求，image参数为空，于是数据库的image_path被更新为null。如果更新语句是整行覆盖，旧图片路径就丢失了。即使数据库里还保存着原路径，也会被这个null值覆盖。
另一个容易忽略的细节是：有些ORM框架在实体字段为null时，默认仍然会生成 set image_path = null 语句；因此只要实体中的图片字段为空，全量更新就会覆盖。正确思路是让更新语句只包含实际发生变化的字段，或者由服务层保证在未上传时保留旧值。
二、前端配合：隐藏字段保留旧路径，文件框独立工作
前端的目标是提交两类信息：一类是用户填写或修改的普通字段，另一类是图片是否有变化。最简单可靠的方式，是在编辑表单初始化时把已有图片地址输出到一个隐藏字段，同时让文件选择框保持为空。表单提交后，后端可以同时收到旧路径和新文件。
<form action="/task/update" method="post" enctype="multipart/form-data"> <input type="hidden" name="existingImagePath" value="/uploads/task-123.jpg"> <input type="text" name="title" value="原任务标题"> <input type="file" name="image"> <button type="submit">保存</button> </form>
这种方案虽然简单，但要注意安全性：隐藏字段里的路径可以被用户篡改。如果业务允许，可以在后端对existingImagePath做一次归属校验，确保它属于当前任务。更好的做法是不完全信任前端传来的旧路径，而是提前根据任务ID从数据库查询旧路径；前端隐藏字段仅作为快速参考或用于展示。后端在需要保留旧图时，仍应以数据库中的记录为准。
为了体验，可以在文件框旁边显示当前图片缩略图。当用户选择新文件后，通过JavaScript切换预览，但隐藏字段不改变。示例：
const fileInput = document.querySelector('input[name="image"]');
const preview = document.getElementById('preview');
fileInput.addEventListener('change', function () {
const file = this.files[0];
if (file) {
preview.src = URL.createObjectURL(file);
}
});以上逻辑只影响预览，不影响旧路径的提交。用户在没选择文件时，表单仍会带着existingImagePath提交，后端就能识别这是保留操作。
三、后端处理：显式区分未上传、替换和删除
后端接收请求时，要避免把文件参数直接映射为实体字段并整体保存。更稳健的做法是定义一个更新请求对象，除了标题、描述等可编辑字段外，还包含existingImagePath、image和removeImage三个与图片有关的属性。removeImage字段通常来自前端一个“删除图片”复选框，用于表达用户明确想移除图片的意图。
public class TaskUpdateRequest {
private Long id;
private String title;
private String existingImagePath;
private MultipartFile image;
private boolean removeImage;
// 省略 getter/setter
}
public Task updateTask(TaskUpdateRequest request) {
Task task = taskMapper.findById(request.getId());
if (task == null) {
throw new RuntimeException("任务不存在");
}
if (request.isRemoveImage()) {
// 明确删除：清空路径，并可以删除旧文件
task.setImagePath(null);
} else if (request.getImage() != null && !request.getImage().isEmpty()) {
// 上传新图：保存新文件，替换旧路径
String newPath = storageService.save(request.getImage());
task.setImagePath(newPath);
} else {
// 未上传文件：保留数据库中的旧路径，不做修改
// task.getImagePath() 已经是旧值，无需赋值
}
task.setTitle(request.getTitle());
taskMapper.updateById(task);
return task;
}上面的判断先处理删除，再处理上传，最后处理保留。未上传分支里什么也不做，这样任务对象的图片路径仍然是查询出来的旧值，随后执行更新时不会被清空。