java springMVC+tinymce 实现ctrl+v 页面截图，上传图片功能

最新推荐文章于 2023-10-18 10:41:09 发布

huofeige

最新推荐文章于 2023-10-18 10:41:09 发布

阅读量677

点赞数 1

本文链接：https://blog.csdn.net/qq_41607516/article/details/108842512

版权

觉得上传图片太麻烦，就研究了下截屏复制上传,注意截图上传地址页面与保存不一样，是blob格式反扒的，所以要有个可以用来储存的隐藏地址。

截图上传效果图：

操作步骤：1.下载tinymce放到webapp下

2.引入包：

3.webapp/tinymce/js/tinymce/plugins 新建 uploadimage

并放入：jquery.form.js，plugin.min.js

plugin.min.js 文件内容：

tinymce.PluginManager.add('uploadimage', function (editor) {

input_f.click();
}
editor.addCommand("mceUploadImageEditor", selectLocalImages);
editor.addButton('uploadimage', {
icon: 'image',
tooltip: '上传图片',
onclick: selectLocalImages
});

editor.addMenuItem('uploadimage', {
icon: 'image',
text: '上传图片',
context: 'tools',
onclick: selectLocalImages
});
});

jsp 页面代码：

后台代码：

@RequestMapping(value="/xx", method=RequestMethod.POST)
   public @ResponseBody ResponseResult xx(@RequestParam("file") MultipartFile file, HttpServletRequest request){
       if (!file.isEmpty()) {
           String contextPath = request.getContextPath();
String servletPath = request.getServletPath();
String scheme = request.getScheme();

String path = request.getSession().getServletContext().getRealPath("");// 项目路径
       path = path.substring(0,path.lastIndexOf(File.separator));// 项目上一级路径
       String url = File.separator + "upload" + File.separator + "payPhoto" + File.separator;
String storePath= path + url;
System.out.println("文件上传路径："+storePath);
String fileName = ToolsUtils.getUUID();
if(file.getOriginalFilename().lastIndexOf(".") != -1) {
   fileName += file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf("."),file.getOriginalFilename().length());
}
File filepath = new File(storePath, fileName);
if (!filepath.getParentFile().exists()) {
filepath.getParentFile().mkdirs();//如果目录不存在，创建目录
}
try {
file.transferTo(new File(storePath + fileName));//把文件写入目标文件地址
} catch (Exception e) {
e.printStackTrace();
return new ResponseResult(false, "error", "");
}
return new ResponseResult(true, "ok", url + fileName);
}else {
   return new ResponseResult(false, "error", "");
}
   }

   @RequestMapping(value="/xx2", method=RequestMethod.POST)
   public @ResponseBody ResponseResult xx2(HttpServletRequest request){
       InputStream inputStream;
       try {
           inputStream = request.getInputStream();
           //获取请求头中Contect-Type的值
   // 图片后缀
   String imgSuffix = "png";
   Enumeration enumeration=request.getHeaderNames();
   while(enumeration.hasMoreElements()) {
   String name=(String)enumeration.nextElement();
   if(name.equals("content-type")){
   String value=request.getHeader(name);
   imgSuffix = value.split("/")[1];
   logger.info("header中" + name + " " + value);
   logger.info("文件后缀：" + xx);
   }
   }

           String contextPath = request.getContextPath();
   String servletPath = request.getServletPath();
   String scheme = request.getScheme();
           String path = request.getSession().getServletContext().getRealPath("");
          path = path.substring(0,path.lastIndexOf(File.separator));
           String url = File.separator + "upload" + File.separator + "payPhoto" + File.separator;
           String storePath= path + url;
       String fileName = ToolsUtils.getUUID()+"."+imgSuffix;

       File destFile = new File(storePath+fileName);
   if (!destFile.getParentFile().exists()) {
   destFile.getParentFile().mkdirs();
   }
   OutputStream outputStream = new FileOutputStream(destFile);
           // 缓冲区
           byte[] bs = new byte[1024];
           int len = -1;
           while ((len = inputStream.read(bs)) != -1) {
           outputStream.write(bs,0,len);
           }
           inputStream.close();
           outputStream.close();
       return new ResponseResult(true, "ok", url + fileName);
       } catch (Exception e) {
           // TODO Auto-generated catch block
           e.printStackTrace();
           return new ResponseResult(false, "error", "");
       }
   }

huofeige

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
java springMVC+tinymce 实现ctrl+v 页面截图，上传图片功能

觉得上传图片太麻烦，就研究了下截屏复制上传截图上传效果图：jsp页面代码：<div class="page-content"> <div class="row"> <div class="col-xs-12 col-sm-12"> <form class="form-horizontal" id="valida...
复制链接

扫一扫