根据其前面两讲
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;
}
}
完毕,用于学习记录