Ueditor自定义图片上传路径，以及图片回显路径

最新推荐文章于 2024-05-14 15:30:51 发布
最新推荐文章于 2024-05-14 15:30:51 发布
阅读量2.9w 收藏 28
点赞数 6
分类专栏： Ueditor 文章标签： Ueditor javaweb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28534469/article/details/80097761
版权

最近发现Ueditor有个小bug，每次图片都上传到项目路径下，当重新发布一个版本后，图片就没了，所以决心修改

结构如下：


1. 首先，进入config.json,修改如下：其他的都不改，只改选中部分，这个是图片访问路径前缀


我们要关注的是【文件访问路径】和【文件上传路径】

然后，分析就开始了

【分析1】：查找上传路径在哪里用到了，即【imagePathFormat】，只要找到他，就可以找到上传的绝对路径，这样才可以修改为自己想要的，话不多说，全文查找【imagePathFormat】，结果如下：

最低0.47元/天 解锁文章
小明同学12138
关注
  • 6
    点赞
  • 踩
  • 28
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
UEditor自定义图片/文件上传路径与回显
小小默：进无止境
04-29 6488
本文是基于Windows下Java解决UEditor自定义图片/文件上传路径问题，文件保存在本地磁盘，Tomcat做了虚拟路径映射。 UEditor官网：https://ueditor.baidu.com/website/index.html 下载地址：https://ueditor.baidu.com/website/download.html UEditor入门：http://fex.bai...
百度编辑器ueditor1.4.2-更改图片上传路径和图片读取路径
落叶翩翩的CSDN博客
07-17 1万+
/** * ueditor相关的Controller * * @author zsj */ @Controller public class UeditorController { protected final Logger logger = LoggerFactory.getLogger(getClass()); @RequestMapping(value = { "
百度ueditor - 支持word上传的富文本编辑器
最新发布
weixin_45525177的博客
05-14 323
百度ueditor - 支持word上传的富文本编辑器，百度ueditor支持word上传，百度ueditor粘贴word上传，百度ueditor粘贴word图片，百度ueditor粘贴word图文，百度ueditor粘贴word，百度ueditor粘贴word内容，百度ueditor粘贴word文档，百度ueditor一键粘贴word图片，百度ueditor一键粘贴word图文，返回图片地址HTML，我们之前的解决方案是使用ueditor自带的图片上传，上传图片时需要手动传一遍，体验不太好，
ueditor远程访问中设置上传文件以http开头的绝对路径
javaloverkehui的专栏
01-04 1万+
ueditor1.24版本出来了，挺好的，但要会用。吐个糟，ueditor那些个什么讨论群，真是扯淡，除了调侃，没其它事儿了，别人问个事儿　问半天，没个人回答。经常看到些新手，叫些大神什么，才有人冒出来说两句，真是好笑。虽然本人进了那个什么鸟群，还是果断开开屏蔽消息，免得各种无聊信息，骚扰心情。 　　　今天遇到个问题，两个工程，一个是服务端，后台发布系统，发布信息用ueditor发布。一个是客户
使用UEditor实现自定义绝对路径上传图片
CNOYG的博客
09-11 2212
在项目中，要求所有的上传文件都必须在项目运行目录之外，所以在使用百度的ueditor的时候上传配置实现自定义的路径，但是在网上搜了很多方法都没有实现，作者通过一片文章提及修改ueditor.jar的源码思路实现了上传自定义配置路径。下面是具体的方法。 1.重写ueditor的上传类。 如图中红框中的类都涉及部分修改。主要是对上传写入磁盘时的路径进行可配置的修改，改动较小。 public ...
百度Ueditor富文本编辑器修改上传图片的默认路径绝对能用，并且回显，并且超级简单，超级详情,有用点赞好评！
weixin_43465090的博客
06-28 1665
最近做一个项目，项目做完了，再部署的时候，人家要求webapps不能存放图片什么的，因为如果变更，就图片什么就没了，好了现在开始修改。 当初做这个功能的时候，查了很多，感觉都是神仙，代码各种不全，完成了也不能使用。 我这个绝对好用，随时可以问。 上图，我们先找到图片保存路径 寻找BinaryUploader这个类然打断点，发现这里是保存路径，于是修改这里。 修改如下图 uploadPath是我...
Ueditor自定义图片保存路径
第二庄
09-03 3141
此博客承接上篇博客：https://blog.csdn.net/liujun03/article/details/82225611 再使用Ueditor进行图片上传或者多图上传的时候，它的图片默认会保存在项目的根路径拼接上config.json里的imagePathFormat目录下，这是很不合理的，因为你一旦重新构建项目之前的资源就都没了。 目录如：（D:\git\person\spring...
ueditor自定义图片上传
11-30
前后端分离 解决ueditor上传图片时的跨域问题 自定义图片上传插件，文件服务器与富文本可以单独部署
百度UEditor自定义上传图片存储路径为本地路径
07-16
百度UEditor自定义上传图片存储路径为本地路径的Java改后的代码。自己项目需要修改后测试过的。
UEditor编辑器自定义上传图片或文件路径的修改方法
10-25
通过以上步骤，你已经成功地自定义了 UEditor 的图片和文件上传路径，使得它们能够保存在你指定的位置，并且在前端显示时能正确加载。记得在完成修改后重新加载编辑器页面以应用新的设置。这将帮助你更好地管理和...
vue项目中应用ueditor自定义上传按钮功能
08-27
Vue项目中应用ueditor自定义上传按钮功能...本文通过示例讲解了Vue项目中应用ueditor自定义上传按钮功能，以及在Vue项目中使用ueditor的基本步骤。希望这篇文章能够帮助读者更好地理解和使用ueditor在Vue项目中的应用。
ueditor修改图片路径和在线图片路径 源码
06-12
ueditor修改图片路径和在线图片路径 源码
PHP结合Ueditor并修改图片上传路径
10-21
配置Ueditor的图片上传路径主要涉及到一个名为`config.json`的文件。这个文件位于`ueditor/php`目录下，它是用于设置前后端通信以及上传参数的关键文件。打开`config.json`，你可以看到一系列的JSON键值对，其中包含...
UEditor 编辑器实现文件上传到服务器及图片回显问题
秀岩的博客
03-31 1592
UEditor 编辑器实现文件上传到服务器及图片回显问题   在上一节我们讲到了UEditor 编辑器的下载与安装问题，也实现了编辑器初始化问题。但是 UEditor 编辑器重要的文件上传功能却没有实现，那么本文针对此问题，提出一些解决方案。 这里写目录标题UEditor 编辑器实现文件上传到服务器及图片回显问题一、导入 json 支持包和文件上传支持包二、解决 UEditor 文件上传后无法回显问题补充：IDEA中引入 UEditor 编辑器图片回显问题   默认后端未配置，上传的插件是不能加载的。
自定义百度ueditor的上传路径
来自外太空的鱼-张小张
01-28 293
自定义百度ueditor的上传路径
SpringBoot + UEditor 图片上传回显 记录
我只是代码搬运工的博客
06-15 1011
最近项目需要在SpringBoot框架上面使用UEditor富文本框架，这个框架之前用过，但是在SpringBoot上有个问题，就是当所有东西配置好后，富文本插件可以正常的显示在页面上，但是图片上传功能是不好用的。查了几个博客后，自己手动调试，最后成功。一下为步骤 （1）首先修改 ueditor.config.js 中的 , serverUrl : URL + "jsp/controller.jsp" 将它修改为自己的controller中的一个方法。这个方法原本是通过映射到controller..
springboot整合百度ueditor富文本框编辑器实现图片上传和回显
qq_27632921的博客
11-30 7369
       在项目中遇到一些自自定义的页面，需要富文本框编辑器来编辑然后把编辑内容存放到数据库中，通过加载模版，把内容填充到模版网页中，在整合过程遇到了上传不了图片和图片上传成功却不能在富文本框中显示的问题，困扰了我很久，今天恰好解决，因此写一篇博客记录下，加深记忆也希望能帮到大家！      一：创建springboot项目          在idea中点击file按钮，然后单击new,...
百度编辑器ueditor上传图片及文件路径配置
热门推荐
dusea的博客
09-21 2万+
/* 前后端通信相关的配置,注释只允许使用多行方式 */ { /* 上传图片配置项 */ "imageActionName": "uploadimage", /* 执行上传图片的action名称 */ "imageFieldName": "upfile", /* 提交的图片表单名称 */ "imageMaxSize": 2048000, /* 上传大小限制，单位B
VUE中使用UEditor上传图片后如何回显
05-18
在使用UEditor上传图片后，可以通过以下步骤将图片回显到页面中： 1. 在UEditor配置文件中配置上传图片成功后的回调函数，如： ```javascript UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl; UE.Editor.prototype.getActionUrl = function(action) { if (action == "uploadimage") { return "upload.php?action=uploadimage"; } else { return this._bkGetActionUrl.call(this, action); } }; ``` 其中，返回的上传图片地址应该是后端处理上传图片的接口地址。 2. 在后端接口中处理上传的图片，并将图片的URL返回给前端，如： ```php <?php // 处理上传图片的代码，将图片保存到服务器上并获取图片URL // ... // 返回上传图片的URL echo $imageUrl; ?> ``` 3. 在UEditor的上传图片成功回调函数中，获取后端返回的图片URL，并将其设置到页面中，如： ```javascript editor.addListener('afterUpfile', function(t, arg) { var url = arg[0].url; // 获取后端返回的图片URL var $img = $('<img>').attr('src', url); // 创建图片元素，并设置图片URL $('#image-container').append($img); // 将图片添加到页面中 }); ``` 其中，`#image-container` 是用来展示上传图片的容器元素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值