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

这是我的初始化编辑器

 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个回答

大佬你们解决了没?我这边各种搜索,返回return json(['uploaded'=>1,'url'=>$url]);这两个字段就有显示了,现在的问题是图片上传好了,
编译器那边也解析到了,但是提交表单的时候,图片地址却没有?

 <script>
            ClassicEditor.editorConfig = function( config )
            {
                config.pasteFromWordRemoveFontStyles = false;//过滤垃圾样式
                config.pasteFromWordRemoveStyles = false;//过滤垃圾样式
            };
            ClassicEditor.create( ckeditor1,{
                        ckfinder: {
                            uploadUrl: '/admin/Upload/uploadImages?command=QuickUpload&type=Files&responseType=json'
                        }
                    } ).then(
            ).catch();
        </script>

cus_xiao
shjh86 我也遇到了这个问题,提交表单时没有图片地址,请问解决了么?
7 个月之前 回复
weixin_42132839
weixin_42132839 我也遇到了这个问题,请问解决了么?
大约一年之前 回复
sht_23
sht_23 请问你的问题解决了吗?可以加个好友请教一下吗
一年多之前 回复
sinat_29000461
sinat_29000461 是看到了我的文章了吗?https://www.jianshu.com/p/47e25447b771有问题可以交流!若是参考我的文章可以把我链接放一下。
一年多之前 回复

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

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

qq_35711985
小菅人 因为我这是5,在看其他答案都是4的,有点不同,所以我就懵了,也不知道怎么用好,5里只有一个js,没有插件,也没有配置文件
一年多之前 回复
qq_35711985
小菅人 谢谢 你回复的这么快,ckeditor/plugins/image/dialogs/image.js这个是哪里的,还需要下插件吗,我下的文件只有一个是ckeditor.js,我用的是5版本的,能不能说全一点,我才用这个编辑器,一点不懂,现在就是图片controller已经接受到了,但是还上传失败,
一年多之前 回复
sht_23
sht_23 回复qq_35711985:请问你的问题解决了吗?可以加个好友请教一下吗
一年多之前 回复
qq_35711985
小菅人 editor.plugins.get('FileRepository').createAdapter = (loader) => { return new FileUploadAdapter(loader); }; 这个是放在那里的知道吗
一年多之前 回复
qq_35711985
小菅人 他那个最后一步 我不知道放哪里用 没成功
一年多之前 回复
qq_35711985
小菅人 我看了这个 ,但是没用成功………
一年多之前 回复

是返回的数据格式有问题,具体的内容可以参考这个文章:https://www.jianshu.com/p/47e25447b771

sht_23
sht_23 请问你的问题解决了吗?可以加个好友请教一下吗
一年多之前 回复
sht_23
sht_23 回复CSDNchengyiqun: 可以加个好友请教一下吗
一年多之前 回复
sht_23
sht_23 回复CSDNchengyiqun: 可以加个好友请教一下吗
一年多之前 回复
CSDNchengyiqun
clearnery 确实是这个问题,已成功解决。
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问