在图片预览区域增加x按钮
广告
{{v.name}}
📋 原始需求(task.md):
detail.html在上传图片成功后,在图片预览区域之上叠加一个x按钮,以便用户可以点击该按钮来不在笔记中插入刚刚上传成功的图片
detail.html在上传图片成功后,在图片预览区域之上叠加一个x按钮,以便用户可以点击该按钮来不在笔记中插入刚刚上传成功的图片
在 detail.html 上传图片成功后,会在预览区域显示刚上传的图片。需要增加一个“取消插入”的入口,让用户可以撤回这一次上传。
实现要点
- 位置:在图片预览区域之上叠加一个 x 按钮。
- 行为:用户点击 x 后,移除刚刚上传成功的图片预览,并且不把该图片插入到笔记内容中。
- 注意:只是取消“本次插入”,不应误删已存在于笔记中的历史图片;需要区分“刚上传的临时图片”与“笔记中已有的图片”。
涉及文件
- detail.html:上传成功后渲染预览与 x 按钮,处理 x 的点击逻辑