SpringMVC + summernote 删除图片时移除本地资源文件（3）

落日映苍穹つ 2022-05-28 08:50 190阅读 0赞

**根据其前面两讲**

**[SpringMVC + summernote可视化编辑器整合（1）][SpringMVC _ summernote_1]**

**SpringMVC + summernote 重写回调函数onImageUpload方法（2）**

**下面我们继续对删除进行操作**

![70][]

该删除操作，经本人大量breakpoint断点调试，是在summernote.js中的removeMedia 调用的

![70 1][]

在summernote.min.js中是

![70 2][]

而要做到同步删除，则需要将目标图片的图片名发送给后台处理文件即可

**So，我们需要在removeMedia方法下，进行AJAX编写。**

this.removeMedia = this.wrapCommand(function () {
          var $target = $(this.restoreTarget()).detach();
          console.log($target.context.baseURI);//获取图片URL
          var urlimg = $target.context.currentSrc;
          var  data = new FormData();  
           data.append("urlimg", urlimg);  
           $.ajax({  
                data: data,  
                type: "POST",  
                url: "/Aikido/akiadmin/delPathFile",  
                cache: false,  
                contentType: false,  
                processData: false,  
                success: function(data) {  
                	console.log(data);
                    alert(data.urlimg);  
                },  
                error: function (jqXHR, textStatus, errorThrown) {
                    alert(textStatus + " " + errorThrown);
                }  
            });  
          console.log("urlimg : "+data.urlimg) ;
          context.triggerEvent('media.delete', $target, $editable);
        });

**首先，通过断点JS测试得到**——图片删除时，该图片的src为 $target.context.currentSrc;，注意获取到的只是src,

并不是该图片的名称 例xxx.jpg ， **建议在上传文件时，给文件的随机命名加一个前缀**

下一步：在控制文件中获取该图片的全名，并执行删除操作

代码：

/**
    	 * 删除本地文件
    	 * @param filename 前端获取的AJAX filename 值
     	 * @return
    	 * @throws IOException 
    	 */
    	@RequestMapping("delPathFile")
    	public @ResponseBody Map<String, Object> DelFiles(@RequestParam(value =  "urlimg" , required = false) String filename ) throws IOException {  
    		System.out.println("AJAX Parm urlimg:"+filename);
    		String realname =  filename.substring(filename.lastIndexOf("aikidoimg"));
    		System.out.println("已获取的文件名："+realname);
    		File f=new File("D:\\eclipse\\upload\\" + realname);  
    	    try {  
    	        System.out.println(f.getCanonicalPath());  
    	        DeleteFolder(f.getCanonicalPath());
    	    } catch (IOException e) {  
    	        e.printStackTrace();  
    	        System.out.println("Sorry,can't get canonical path");  
    	    }  
    		Map<String, Object> map = new HashMap<String , Object>();
    	   	map.put("urlimg", filename);//被删除的文件名
    		return null;
    	}  
    	
    
    
    	/** 
    	 * 删除单个文件 
    	 * @param   sPath    被删除文件的文件名 
    	 * @return 单个文件删除成功返回true，否则返回false 
    	 */  
    	public @ResponseBody static  boolean deleteFile(String sPath) {  
    	    boolean flag = false;  
    	    File file = new File(sPath);  
    	    // 路径为文件且不为空则进行删除  
    	    if (file.isFile() && file.exists()) {  
    	        file.delete();  
    	        flag = true;  
    	    }  
    	    return flag;  
    	}  
    	/** 
    	 *  根据路径删除指定的目录或文件，无论存在与否 
    	 *@param sPath  要删除的目录或文件 
    	 *@return 删除成功返回 true，否则返回 false。 
    	 */  
    	public @ResponseBody static boolean DeleteFolder(String sPath) {  
    	   boolean  flag = false;  
    	    File file = new File(sPath);  
    	    // 判断目录或文件是否存在  
    	    if (!file.exists()) {  // 不存在返回 false  
    	        return flag;  
    	    } else {  
    	        // 判断是否为文件  
    	        if (file.isFile()) {  // 为文件时调用删除文件方法  
    	            return deleteFile(sPath);  
    	        } else {  // 为目录时调用删除目录方法  
    	            return deleteDirectory(sPath);  
    	        }  
    	    }  
    	} 
    	
    	/** 
    	 * 删除目录（文件夹）以及目录下的文件 
    	 * @param   sPath 被删除目录的文件路径 
    	 * @return  目录删除成功返回true，否则返回false 
    	 */  
    	public @ResponseBody static boolean deleteDirectory(String sPath) {  
    	    //如果sPath不以文件分隔符结尾，自动添加文件分隔符  
    	    if (!sPath.endsWith(File.separator)) {  
    	        sPath = sPath + File.separator;  
    	    }  
    	    File dirFile = new File(sPath);  
    	    //如果dir对应的文件不存在，或者不是一个目录，则退出  
    	    if (!dirFile.exists() || !dirFile.isDirectory()) {  
    	        return false;  
    	    }  
    	    boolean flag = true;  
    	    //删除文件夹下的所有文件(包括子目录)  
    	    File[] files = dirFile.listFiles();  
    	    for (int i = 0; i < files.length; i++) {  
    	        //删除子文件  
    	        if (files[i].isFile()) {  
    	            flag = deleteFile(files[i].getAbsolutePath());  
    	            if (!flag) break;  
    	        } //删除子目录  
    	        else {  
    	            flag = deleteDirectory(files[i].getAbsolutePath());  
    	            if (!flag) break;  
    	        }  
    	    }  
    	    if (!flag) return false;  
    	    //删除当前目录  
    	    if (dirFile.delete()) {  
    	        return true;  
    	    } else {  
    	        return false;  
    	    }  
    	}

完毕，用于学习记录

[SpringMVC _ summernote_1]: https://blog.csdn.net/a11441555/article/details/79789059
[70]: /images/20220528/f3b21704f9f14fbb9478d4388e19f7df.png
[70 1]: /images/20220528/2d3b0b36d71843f690c922c82f2d4766.png
[70 2]: /images/20220528/102d986f31c042948075bc13b0a1ff26.png