CKeditor编辑器的使用

修越

已于 2022-10-27 17:32:02 修改

阅读量509

点赞数

分类专栏：前端 Java 文章标签：前端 java

于 2022-10-27 17:16:25 首次发布

本文链接：https://blog.csdn.net/chunyan_apple/article/details/127556623

版权

Java 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

前端

2 篇文章 0 订阅

订阅专栏

angular 前端配置参数

config: any = {
  height: 300,
  filebrowserUploadUrl: `/api/comm/uploadPicFromCkEditor`,
  filebrowserImageUploadUrl: `/api/comm/uploadPicFromCkEditor`,
  fileTools_requestHeaders: {'Authorization': ``},

};

Java 后端处理图片：

可批量上传图片

@RequestMapping(value = "/comm/uploadPicFromCkEditor", method = POST, produces = APPLICATION_JSON_VALUE)
public String ckEditorPicture(HttpServletRequest request)throws IOException {
    log.debug("===========ckEditorPicture start=========");
    CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(request.getSession()
            .getServletContext());
    if (multipartResolver.isMultipart(request)) {
        MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest) request;
        Iterator<String> iter = multiRequest.getFileNames();
        FastFileDTO dto = new FastFileDTO();
        while (iter.hasNext()) {
            MultipartFile file = multiRequest.getFile(iter.next());
            if (file == null) {
                return "{\"uploaded\":0,\"error\":{\"message\":\"上传文件失败!\"}}";
            }
            dto = fastFileDTOService.uploadPicture(file, true, true);
            if(StringUtils.isBlank(dto.fastFilePath)){
                return "{\"uploaded\":0,\"error\":{\"message\":\"上传文件失败!\"}}";
            } else {
                return "{\"uploaded\":1,\"url\":\"" + FastFileProperties.getOriginalImageFullPath(dto.fastFilePath) + "\"}";
            }
        }
    }
    return "{\"uploaded\":0,\"error\":{\"message\":\"上传文件失败!\"}}";
}