删除博客文章同时删除服务器中上传的文件

灰太狼 2023-10-11 15:29 41阅读 0赞

在删除 UEditor 编辑器编辑的文章时，只是删除了数据库文章表中的一条数据，但是文章上传过的图片或者文件却往往没有删除，久而久之会导致服务器的容量不足。本文针对以上问题，提供了一项实用的解决方案。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgxOTU2Ng_size_16_color_FFFFFF_t_70]

--------------------

### 实现简介： ###

此案例前台通过 js 获取到隐藏域的文章的 id 值，将其传到后台 controller 做接受，在将 id 值传到 业务逻辑层做处理，这里需要新建立一个专门删除图片的一个工具类，（注：项目里命名为：dealNewsImgUtil），删除图片之后，再删除数据库的一条数据。

--------------------

### 具体实现： ###

由于项目逻辑不尽相同，因此前台和 controller 层这两部分就不展示了，直接来实现业务逻辑层以及工具类。

--------------------

Service层：

@Override
    public void delete(String id, HttpServletRequest request) {
        
    	//1. 先通过 id 获取到实体类对象
        News news = newsDao.findById(Integer.parseInt(id));
        
        //2. 获取服务器虚拟路径 + 存储图片的文件夹路径
        String path = request.getSession().getServletContext().getRealPath("/upload/");
        
        //3. 将路径以及，实体类对象传入工具类
        dealNewsImgUtil.dealNewsImg(path, news);//删除图片
        
        //4. 删除数据库的一条记录
        newsDao.delete(id);
    }

注1：这里演示的对象为新闻对象，读者根据自己项目的实际需求进行更改。  
注2：之前的图片，**存储在了服务器 upload 文件夹下**，读者根据实际需求进行更改。

--------------------

dealNewsImgUtil 工具类：

public class dealNewsImgUtil {
        
    
        public static void dealNewsImg(String path, News news){
        
            String content = news.getContent();//获取文本内容
            String coverPicture = news.getCoverPicture();//获取封面图片名称
    
            List<String> list = new ArrayList<String>();
            list.add(coverPicture);//封面图片的 路径+名称
    
            String regex = "src=\"(.*?)\"";//定义正则表达式
            Pattern pa = Pattern.compile(regex, Pattern.DOTALL);
            Matcher ma = pa.matcher(content);
            while (ma.find()) {
        
                String temp = ma.group();
                int index = temp.lastIndexOf("/");
                String str = temp.substring(index + 1, temp.length() - 1);
                list.add(str);//存储 content 里面的图片名称
            }
    
            File imgDelete = null;
            for(String imgName: list){
        //对 list 集合中的图片进行删除
                imgDelete = new File(path + imgName);
                imgDelete.delete();
            }
        }
    }

--------------------

### 效果演示： ###

为方便演示，这里设置 custom\_upload为上传的指定位置。这样我们来看一下效果图，首先是新建文章：

![在这里插入图片描述][2021033123161383.gif_pic_center]  
 图片上传上传效果如图所示：  
 ![在这里插入图片描述][20210331231712354.png_pic_left]

删除效果如下图：  
 ![在这里插入图片描述][20210331232112122.gif_pic_left]

--------------------

到此，文章中的图片在服务器上已经完成删除了。但是还存在着一系列的问题，如：在更改文章时，图片上传有误，在编写内容时进行删除，但是误传的图片已经传到了服务器，那么此类脏数据就需要手动清理了。这里提供一个思路：对上传的文件夹里面的图片进行遍历得到一个数组，然后在对每一张图片的名称和数据库每一条新闻内容进行搜索，如果不包含，即是脏数据，则通过工具类进行删除。当然，这种方法我没实现~

如果大家对以上的解决方案还有问题，或者针对上述脏数据问题有其他的见解，欢迎在评论区留言哦~

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgxOTU2Ng_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210331234118317.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgxOTU2Ng==,size_16,color_FFFFFF,t_70
[2021033123161383.gif_pic_center]: https://img-blog.csdnimg.cn/2021033123161383.gif#pic_center
[20210331231712354.png_pic_left]: https://img-blog.csdnimg.cn/20210331231712354.png?#pic_left
[20210331232112122.gif_pic_left]: https://img-blog.csdnimg.cn/20210331232112122.gif#pic_left