剑者~ 2018-05-06 03:26 采纳率: 33.3%
浏览 3831
已结题

ckeditor5 图片上传问题,求大神讲解下,谢谢

这是我的初始化编辑器

 DecoupledEditor
        .create( document.querySelector( '#webDetails' ),{
            language: 'zh-cn',
            image: {
                toolbar: [ 'imageTextAlternative' ],
                styles: [ 'full', 'side' ]
            },
            ckfinder: {
                uploadUrl: '<%=WEBPATH%>/loadImage'// 这个就是我上次的图片路径,我也不知道是不是这样配,但是我就是这样搞得,在后台可以接受到。
            }
        } )
        .then( editor => {
            const toolbarContainer = document.querySelector( '#toolbar-webDetails' );
            toolbarContainer.appendChild( editor.ui.view.toolbar.element );

        } )
@PostMapping("loadImage")
@ResponseBody
public String updateMaterial(@RequestParam("upload") MultipartFile file, HttpServletRequest request){
    String trueFileName = null;
    String realPath  = null;
    try {
        realPath = request.getSession().getServletContext().getRealPath("/upload");
        System.out.println(realPath);
        trueFileName = uploadImg(realPath, file);
    } catch (IllegalStateException | IOException e) {
        e.printStackTrace();
    }
    return "{\"default\":\"" + realPath + File.separator + trueFileName + "\"}";
}

对我这边可以接受到,按道理 他上传后应该是返回的就是 ,上传结束后的图片地址,但是,应该有个格式吧,我看了官方的api 看不明白,菜鸟,找不到重点,随后我就在官方示例上 用了图片上传,看了返回的格式,首先是{"这是数字随机的":"";"default":"图片地址"}所以我返回的是 就上面的格式 default:图片地址了,这样但是失败了,不知道应该怎么办,求大神指教指教

这就是当时上传的情况,后台也没报错,请忽略地址不一致的情况

  • 写回答

4条回答 默认 最新

  • weixin_42115416 2018-05-06 03:32
    关注

    完整版的默认上传是关闭的,你找到ckeditor/plugins/image/dialogs/image.js文件 打开

    然后搜索 id:"Upload",hidden 默认值是!0 我们改成0即可

    评论

报告相同问题?

悬赏问题

  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?