关于富文本kindeditor中上传本地图片成功后获取到的图片路径是相对路径修改为绝对路径

找到kindeditor插件kindeditor-all.js,找到urltype的设置,

K.options = {
    designMode : true,
    fullscreenMode : false,
    filterMode : true,
    wellFormatMode : true,
    shadowMode : true,
    loadStyleMode : true,
    basePath : K.basePath,
    themesPath : K.basePath + ‘themes/‘,
    langPath : K.basePath + ‘lang/‘,
    pluginsPath : K.basePath + ‘plugins/‘,
    themeType : ‘default‘,
    langType : ‘zh-CN‘,
    urlType : ‘absolute‘,
    newlineTag : ‘p‘,

改为absolute。然后全局搜索absolute,找到下面一行代码:

if (mode === ‘relative‘) {
        url = getRelativePath(host + pathname, 0).substr(2);
    } else if (mode === ‘absolute‘) {
        // if (url.substr(0, host.length) === host) {
        //  url = url.substr(host.length);
        // }
    }
    return url;

if (url.substr(0, host.length) === host) {

url = url.substr(host.length);

}这行代码会把上传的文件路径前面的域名端口都剪掉了,所以我们尝试将他们注释或者删除。就会拿到绝对路径。

作者:weijun-w
来源:CSDN
原文:https://blog.csdn.net/qq_37705048/article/details/80936820

原文地址:https://www.cnblogs.com/moil/p/11077585.html

时间: 2024-10-14 06:38:51

关于富文本kindeditor中上传本地图片成功后获取到的图片路径是相对路径修改为绝对路径的相关文章

KindEditor上传本地图片在ASP.NET MVC的配置

http://www.cnblogs.com/upupto/archive/2010/08/24/1807202.html 本文解决KindEditor上传本地图片在ASP.NET MVC中的配置. 开发工具:VS 2010 EN 开发语言:Visual C# ASP.NET MVC 2.0 kindeditor-3.5-zh_CN 下载 文中以Blog文章为例,为做演示,数据表比较简单,如下图: 添加 BlogController Code: 1 2 3 4 5 6 7 8 9 10 11 1

.net mvc 利用 kindeditor 上传本地图片

最近在用kindeditor 编辑器,在上传本地图片的时候遇到了点问题,不能正确的上传. 现在把使用 kindeditor 上传本地图片的配置记录一下. 1.下载kindeditor.http://kindeditor.net/down.php 2.解压,将所有文件复制到项目里.我是放在content里面. (您可以根据需求删除以下目录后上传到服务器,asp - ASP程序,asp.net - ASP.NET程序,php - PHP程序,jsp - JSP程序,examples - 演示文件)

SpringMvc + Jsp+ 富文本 kindeditor 进行 图片ftp上传nginx服务器 实现

一:html 原生态的附件上传 二:实现逻辑分析: 1.1.1 需求分析 Common.js 1.绑定事件 2.初始化参数 3.上传图片的url: /pic/upload 4.上图片参数名称: uploadFile 5.返回结果数据类型json 参考文档: http://kindeditor.net/docs/upload.html 返回格式(JSON) 1 //成功时 2 3 { 4 5 "error" : 0, 6 7 "url" : "http://

百度ueditor富文本编辑器上传视频设置封面和禁止视频全屏、下载功能

最近在工作中用到了ueditor,这个最开始不是我接入到后台管理系统的,我半路接手,百度官方给的文档又写的很一般,不易理解,所以有很多问题解决的很麻烦. 在使用ueditor过程中,目前遇到的一些问题: 我们公司运营需要用ueditor实现微信公众号文章的编写,之前她们是直接把微信公众号文章复制到ueditor编辑器中,这样子是可以直接使用的.这样带来的一个问题是, 如果文章里有视频播放的话,视频的播放源全都是腾讯视频,我们公司商务反对了这种行为,所以运营提出文章内的视频由本地上传或者使用第三方

修改UMeditor(百度富文本编辑器)上传视频

1. createPreviewVideo 所在位置video.js 2.修改 creatInsertStr 所在位置 umeditor.js 修改原因:小程序不支持<embed>标签. Date:11月1日 原文地址:https://www.cnblogs.com/sk8-xz/p/11790976.html

网管维护——客户系统pdf文件保存到本地电脑成功后,却在对应的路径下看不到

背景:公司有四台同品牌电脑重装了系统,我是把一台电脑用原装盘安装,然后把这台电脑备份,用备份克隆安装其余三台电脑. 故障:除了用原装盘安装的那台电脑在客户系统查看.保存PDF文件正常外,其他三台电脑均出现在客户系统上PDF文件只能查看.保存能成功,但在之后的保存路径上找不到对应的PDF文件.重试,在选择保存pdf文件路径的窗口里可以看到之前保存的pdf文件,点击保存后,故障依旧. 思路与解决:网页要查看.下载PDF文件,需要IE浏览器对PDF插件的支持,根据以往的经验,我都是直接把adobe f

vue项目富文本编辑器vue-quill-editor之自定义图片上传

使用富文本编辑器的第一步肯定是先安装依赖 npm i vue-quill-editor 1.如果按照官网富文本编辑器中的图片上传是将图片转为base64格式的,如果需要上传图片到自己的服务器,需要修改配置. 创建一个quill-config.js的文件,里面写自定义图片上传.代码如下 /*富文本编辑图片上传配置*/ const uploadConfig = { action: '', // 必填参数 图片上传地址 methods: 'POST', // 必填参数 图片上传方式 token: ''

类百度富文本编辑器文件上传。

在项目安开发中,有一个需求是用户需上传特定的text文件,根据此文件判断设备的状态. 以上是需求,此时需要在页面上用到文件上传的功能,原始的文件上传样式不好看,自己此段时间一直都在用layui前端框架写页面,本想用layui官网上给的文件上传功能的,但是经理说上传的文件不能只显示文件名, 还要配上一张图片.layui上传文件的模式都是: 显然这个版本的文件上传还没有符合项目的需要. 在接下来的对比中,看到了百度富文本编辑器的文件上传和图片上传样式:       因为这个功能是在百度富文本编辑器工

BBS(仿博客园系统)项目05(后台管理功能实现:文章添加、富文本编辑器使用、xss攻击、BeautifulSoup4模块、富文本编辑器上传图片、修改头像)

摘要 布局框架搭建 随笔添加 后台管理富文本编辑器KindEditor xss攻击 文章简介的截取,BeautifulSoup4模块 富文本编辑器上传图片 头像修改 一.后台管理框架布局搭建 后台管理布局框架分析:导航条.左侧功能区.右侧主要功能显示和实现区 实现: 导航条:使用bootstrap模板:JavaScript>>导航条 左侧:使用bootstrap模板:组件>>列表组 右侧:使用bootstrap模板:JavaScript>>标签页 新建后台管理路由(注意