小识_
2021-11-22 10:05
采纳率: 0%
浏览 292
已结题

使用UEditor时,页面显示后端配置项没有正常加载,上传插件不能正常使用!

img

img

项目是前后端分离项目,后端用WEBAPI返回数据,后端需要配置什么吗?
图片附带UEditor官方demo,官方demo可以直接使用,但我不知道怎么添加到我的项目中

  • 好问题 提建议
  • 收藏

7条回答 默认 最新

  • 月夜惹人醉 2021-11-22 12:04

    你是什么类型的项目,.net 还是 .net core

    评论
    解决 无用
    打赏 举报
  • 一把编程的菜刀 2021-11-22 12:31

    页面显示后端配置项没有正常加载,上传插件不能正常使用 给你这个插件,就是说你这个编辑器的上传地址配置的不正确,导致无法使用,检查下你的上传地址以及和官方的上传列子,看下返回的参数代码

    评论
    解决 无用
    打赏 举报
    1人已打赏
  • 小识_ 2021-11-22 12:46

    本人第一次接触UEditor,还请大佬们讲仔细些,搞好了,可以再追加赏金

    评论
    解决 无用
    打赏 举报
  • 小识_ 2021-11-22 14:47

    项目前端是VUE,后端是 asp.net webapi(不是core)

    评论
    解决 无用
    打赏 举报
  • 风雪一更 2021-11-23 14:26

    把配置文件中的serverUrl换成你后端提供的编辑器上传接口

    评论
    解决 无用
    打赏 举报
  • owenhejiayi 2021-11-26 21:08

    以测试一下 php 代码是否正确执行,在浏览器打开 ueditor/controller.php 对应的路径,看看是否有下面的返回值。

    {
    state: "请求地址出错"
    }
    或者是

    {"state":"\u8bf7\u6c42\u5730\u5740\u51fa\u9519"}
    再访问 ueditor/php/controller.php?action=config 是否正常返回了json格式的后端配置内容,格式大致如下。

    {
    "imageUrl": "http://localhost/ueditor/php/controller.php?action=uploadimage",
    "imagePath": "/ueditor/php/",
    "imageFieldName": "upfile",
    "imageMaxSize": 2048,
    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"]
    "其他配置项...": "其他配置值..."
    }
    官方文档指出,如果以上这两个请求出错,出现400、500等错误,编辑器上传相关的功能将不能正常使用。

    那么接下来打开ueditor/php/controller.php文件,修改

    $CONFIG = json_decode(preg_replace("//*[\s\S]+?*//", "", file_get_contents("config.json")), true);
    修改成:

    $CONFIG = json_decode(preg_replace("//*[\s\S]+?*//", "", file_get_contents($_SERVER['DOCUMENT_ROOT']."/ueditor/php/config.json")), true);

    评论
    解决 无用
    打赏 举报
    1人已打赏
  • owenhejiayi 2021-11-26 21:10

    这是SSM整合ueditor中最经常遇到的问题,主要原因是springmvc在处理静态资源时错将/ueditor/jsp/下的controller.jsp文件当作静态资源处理了,从而导致文件上传组件不能正常使用。
    这里有两种解决方案:
    第一种是在配置静态资源时放过controller.jsp文件,该方法自行百度即可,很简单。
    第二种修改config.json文件。找到/ueditor/jsp/下的config.json文件,打开在第11行,配置imageUrlPrefix属性值为你的服务器地址,例如我的服务器地址时http://locallhost:8080/,那么该属性配置如下:"imageUrlPrefix": "http://localhost:8080/",

    下面我们解释下为什么要这么配置:在上边我们说了图片功能不能使用的主要原因时jsp文件被当作静态文件处理而导致的,但是在普通的web项目中就没有这个问题。这是因为在web.xml中我们引入springmvc时配置了这样的一段代码:

    springmvc / 1 2 3 4 从而导致了我们的请求走springmvc框架,注意我们配置了过滤器,但是我们的编译器中并不在这个范围内,所以我们的请求不能被处理。最简单的办法就是强制性走springmvc框架,也就是我们上面配置的那句话。
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题