剑者~ 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即可

    评论

报告相同问题?

悬赏问题

  • ¥15 apm2.8飞控罗盘bad health,加速度计校准失败
  • ¥15 求解O-S方程的特征值问题给出边界层布拉休斯平行流的中性曲线
  • ¥15 谁有desed数据集呀
  • ¥20 手写数字识别运行c仿真时,程序报错错误代码sim211-100
  • ¥15 关于#hadoop#的问题
  • ¥15 (标签-Python|关键词-socket)
  • ¥15 keil里为什么main.c定义的函数在it.c调用不了
  • ¥50 切换TabTip键盘的输入法
  • ¥15 可否在不同线程中调用封装数据库操作的类
  • ¥15 微带串馈天线阵列每个阵元宽度计算