如何解决“废物图片”的占用后台空间资源的问题

任务背景：

            本站《树说》后台服务器存储资源有限，为了避免存储空间的浪费，通过将发帖人发帖过程中“已上传但未使用”的图片资源，自动进行后台删除。

代码开发步骤：

1. 确立需求出现场景
2. 前端代码开发
3. 后端代码开发

出现场景

1.    首次编辑文章

    (1) 用户未进行任何操作，直接关闭页面，但是过程中曾经出现过图片上传至后台服务器的动作。

    (2) 用户在编辑后，进行了存入草稿或者发表文章的按钮操作。

2.    编辑文字入口为“草稿箱”或者“已文章修改”

 （1）编辑结束后，有存在无需使用的图片，进行存入草稿操作

 （2）编辑结束后，有存在无需使用的图片，进行发表文章操作

前端关键代码

 

window.onbeforeunload

该API的使用将在以上所有场景中的 用户手动关闭页面 以及 重新刷新页面 ，跳转页面中​发挥重要作用

简单结束关键API window.onbeforeunload 

对页面进行关闭，刷新，跳转动作前进行监听 具体介绍可自己查阅 MDN网站 点击查看

 

由于本站业务相关，仅对开发思路进行介绍，各位可自行借鉴

从最终结果出发，为了在编辑动作结束后对多余图片进行删除，必须要做的就是，找出需要删除的图片

1. 从这个思路出发，我们很快就可以找到思路，例举本站的开发，图片统一使用的都是img标签，结合src属性值，进行图片的引用，我们只需在每一个与图片操作的相关操作中插入一段代码，使所有与本篇文章相干的图片链接放在一个客户端内存中，这个纯粹依靠开发者自行决定

2. 在结束编辑操作中，即退出当前页面或者进行发送以及加入草稿操作时，将当前文章内部的所有必须上传的图片链接，与之前的图片链接池进行对比，筛选出未重复的图片（即多余图片），最后在把该信息通过Ajax post请求进行发送至后台，即可进行多余图片在后台的抹除。