SpringBoot+WangEditor上传图片

原创

我是大头鸟 2022-07-07 17:27:14 博主文章分类：java ©著作权

文章标签 SpringBoot java wangEditor json 上传文件 文章分类 虚拟化云计算

©著作权归作者所有：来自51CTO博客作者我是大头鸟的原创作品，请联系作者获取转载授权，否则将追究法律责任

今天本地在调试一个问题，，wangEditor这个富文本编辑器上传图片，其实上传图片到也没有什么困难的地方，关键是在于，后台是SpringBoot来进行接收图片，，不说了直接上代码:这个是前端的代码：

var editor = new wangEditor('#txtDiv');
  editor.customConfig.uploadImgServer = localhostPaht+projectName+'/filecontroller/uploadImg';
  editor.customConfig.uploadImgShowBase64 = true;
/*  editor.customConfig.uploadImgFileName = 'myFileName';*/
  editor.customConfig.uploadFileName = 'myFileName';
  editor.customConfig.showLinkImg = false;
/*  editor.customConfig.debug=true;*/
  editor.customConfig.uploadImgHooks = {
      success: function (xhr, editor, result) {
  
        }
  }
  editor.create();

那么后台应该如何进行编写:

@RequestMapping(value = "/uploadImg", method = RequestMethod.POST)
  @ResponseBody
  public void uploadImg(@RequestParam(value = "myFileName", required = false) MultipartFile cardFile,
      HttpServletRequest request, HttpServletResponse response) {
        System.out.println("*************接收上传文件*************");
    try {
      if (cardFile != null) {
        String oldFileName = cardFile.getOriginalFilename();// 获取文件名称
        SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");
        String newFileName = sdf.format(new Date()) + "_" + oldFileName;
        String realPath = PropertiesUtil.getValue("FILEPATH", "fileconfig.properties");
        File targetFile = new File(realPath, newFileName);
        // 检测是否存在目录
        if (!targetFile.getParentFile().exists()) {
          targetFile.getParentFile().mkdirs();
        }
        // cardFile.transferTo(targetFile);
        BufferedOutputStream out1 = new BufferedOutputStream(new FileOutputStream(targetFile));
        out1.write(cardFile.getBytes());
        out1.flush();
        out1.close();
        if(targetFile.exists()){
          System.out.println("文件已经存在");
        }
        JSONObject json = new JSONObject();
        JSONArray arr = new JSONArray();
        String ipconfigstr = PropertiesUtil.getValue("IPCONFIG", "fileconfig.properties");
        String imgUrl = "http://" + ipconfigstr + "/Sqzp/images/" + newFileName;
        arr.add(imgUrl);
        json.put("errno", 0);
        json.put("data", arr);
        response.setContentType("text/text;charset=utf-8");
        PrintWriter out = response.getWriter();
        out.print(json.toString());
        out.flush();
        out.close();
      } else {
        System.out.println("************上传文件为空***************");
      }
      System.out.println("*************接收上传文件结束*************");
    } catch (Exception e) {
      e.printStackTrace();
    }
  }