vue2.0集成百度UE编辑器,上传图片报错!!!

Posted 码农编程进阶笔记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.0集成百度UE编辑器,上传图片报错!!!相关的知识,希望对你有一定的参考价值。

我这边配置进去之后,界面加载,文本输入都没有问题,就是上传图片会有问题
技术分享

这张图, 左边红色框框 就是目录结构咯, 右边红色框框 就是各种网上教程给出的第一个路径配置对吧,

下面的就是绿色 服务器接口配置把? 这个我不是太清楚, 但是我上传图片的后台接口就是这么走的。。。。。

这就是我在ueditor.config.js 里面做的两个唯一的配置!

然后另一个配置文件php/config.json也有相应的修改,截图如下:

技术分享

右边红色框框嘛, 就是我认为的需要修改的路径吧~ 当然了,这里只涉及到了图片的上传;

imageUrlPrefix 以及 imagePathFormat 这两个配置是重点,我是这么认为的,但是这套东西的不理解,我就只能猜着想这两个东西的配置

imageUrlPerfix 这是是图片前缀,我是这么理解这个前缀的,后台返回的接口里面只是返回了一个图片URL的后半段,前半段就是这个前缀,那么我们现在后端返回的情

况如图下图所示:

技术分享

看到没有,这就是后台返回的数据,,按理来说如果配置正常, 百度UE 就会根据这个数据 加上配置好的路径,在你的前端编辑器里面显示这个图片,是不是?

那么对于这个配置我觉得就是 imageUrlPerfix 字段了,这个东西的设置上面的图片我已经给出; 好了我的理解就是这样的,但是前台显示却是下图所示

技术分享

技术分享

所以我就郁闷了很久,不知道该怎么配置。

另外一个重要的配置项是这个:

这个东西说的是上传保存的路径, 我觉得我是不需要保存的,我就直接上传就好了所以这块东西我没有配置

 

1 个回答

0

技术分享
如果你默认安装源码包里面的,基本上都不用修改了,因为vue和PHP可能是两个不同端口,所以才需要改这个访问php文件的url的端口号。
上传最终走的是action_upload.php和Uploader.class.php这两个文件,你可以多处设置断点进行调试。
一般来说路径正确,有写入权限,就不会有多大问题。





以上是关于vue2.0集成百度UE编辑器,上传图片报错!!!的主要内容,如果未能解决你的问题,请参考以下文章

百度编辑器contentChange监听不到图片上传

CKEditor5 + vue2.0 富文本编辑器 图片上传highlight等用法

百度UE编辑器打开报错

帝国cms后台编辑器集成ueditor编辑器

百度编辑器独立上图片传配置

Vue:富文本编辑器quill-editor上传图片导致url太长导致请求报错