前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue2.0集成百度UE编辑器,上传图片报错!!!

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

作者头像
全栈程序员站长
发布2022-07-07 08:38:31
4710
发布2022-07-07 08:38:31
举报
文章被收录于专栏:全栈程序员必看

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

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

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

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

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

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

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

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

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

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

况如图下图所示:

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

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

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

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

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

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

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

1 个回答

答案对人有帮助,有参考价值 0答案没帮助,是错误的答案,答非所问

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

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

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/113772.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021年10月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1 个回答
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档