summernote富文本上传图片

js代码
$(’.summernote’).summernote({
lang : ‘zh-CN’,
focus:true,
onImageUpload: function(files,editor,welEditable) {
sendFile(files[0],editor,welEditable);
}
});

function sendFile(file,editor,welEditable){
var filename = false;
try{
filename = file[“name”];
}catch (e) {
filename = false;
}
if(!filename){
$(".note-alarm").remove();
}
data = new FormData();
data.append(“file”, file);
data.append(“key”,filename);
$.ajax({
data: data,
type: “POST”,
url: “summernoteImage?time=” + new Date().getTime(),
cache: false,
contentType: false,
processData: false,
success: function (url) {
var path = ‘…/…/upload/notice_pic/’+url.name;
let imgNode = document.createElement(“img”);
imgNode.src = path;
$(".note-editable").append(imgNode);
},
error:function(){
layer.alert(‘上传失败!’);
return;
}

    });

}

java代码
@RequestMapping(value=“summernoteImage”, method = RequestMethod.POST)
@ResponseBody
public Map<String,Object> summernoteImage(HttpServletRequest request) throws Exception {
logger.info(“进入上传图片方法!”);
Map<String,Object> map = new HashMap<String,Object>();
CommonsMultipartResolver multipartResolver= new CommonsMultipartResolver(request.getSession().getServletContext ());
if (multipartResolver.isMultipart (request)) {
MultipartHttpServletRequest mreq = (MultipartHttpServletRequest)request;
Iterator fileNamesIter = mreq.getFileNames();
while(fileNamesIter.hasNext()){
MultipartFile file= mreq.getFile (fileNamesIter.next ());
String fileName=file.getOriginalFilename () ;
String[] arrName = fileName.split("\.");
String extendName = “.jpg”;
if(arrName.length == 2){
extendName = “.” +arrName[1];
}
Calendar cal = Calendar.getInstance();
Date date = cal.getTime();
//图片名称
fileName = new SimpleDateFormat(“yyyyMMddHHmmssSSS”).format(date) + extendName;
//获取根目录
File path = new File(ResourceUtils.getURL(“classpath:”).getPath());
if(!path.exists()) path = new File("");
//上传目录
File upload = new File(path.getAbsolutePath(),“static/upload/notice_pic/”);
String uploadPath = upload + “/”;
File file1 = new File(uploadPath + fileName);
file.transferTo(file1);
map.put (“name”,fileName) ;
map.put (“path”,uploadPath+fileName) ;
}
}
return map;
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值