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

根据其前面两讲

SpringMVC + summernote可视化编辑器整合(1)

SpringMVC + summernote 重写回调函数onImageUpload方法(2)

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



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


在summernote.min.js中是


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

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;  
	    }  
	}  

完毕,用于学习记录



  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

dobtink

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值