asp.net ueditor 图片上传路径问题解决

最近练习做一个新闻系统，其中不能少了添加新闻和修改新闻的功能，而且还要添加图片、添加文字样式，

所以不得不使用富文本编辑器，在kindeditor和ueditor中，选择了目前还在持续更新的百度产品，ueditor。

刚开始，图片上传的时候，图片不能显示，甚至提示后台文件未配置的提示，经过摸索，解决了问题，现在记录一下：

首先，ueditor默认配置是把ueditor的整个文件夹放在项目的根目录中，这样的话，图片什么的都应该能正常显示。

但是我把ueditor的文件夹放到了根目录下的scripts文件夹里面，就必须修改配置文件了。

我的目录结构：

首先打开scripts/ueditor/net/config.json

看到“上传图片配置项”中的imageUrlPrefix和imagePathFormat，

imageUrlPrefix是指前半段的路径，原来是/ueditor/net，我的修改为/scripts/ueditor/net，注意前面的“/”不能少，这表示根目录。

imagePathFormat是指后半段的路径，我没有修改，因为我是放到默认的ueditor文件夹中。

其实图片就是保存到这两个路径合并后的地方，则是/scripts/ueditor/net/upload/image/......

另外，config.json的后面还有涂鸦图片上传、截图工具上传等等功能，我也统一把“PathFormat”和“UrlPrefix”修改为一样的路径，不过这些功能很少用到。

这就完成了，效果图：

添加新闻：

查看新闻：

时间： 2024-10-18 10:36:45

asp.net ueditor 图片上传路径问题解决的相关文章

v9切换ueditor后图片上传路径问题改成绝对路径

使用V9切换成ueditor编辑器后,图片上传路径显示的是相对路径,同时会把content字段第一张图这个路径同步到缩略图的thumb字段.thumb字段如果是相对路径的话,前端就不能进行裁剪,APP或者其他应用也不能调用. 于是修改. 我用的是1.4.3版本找到编辑器目录下的/php/Uploader.class.php文件. 找到getFileInfo()方法,修改成如下代码 public function getFileInfo() { $dangqian_host =

UMEditor(Ueditor mini)修改图片上传路径

UMEditor(Ueditor mini)修改图片上传路径 imageUp.ashx string pathbase = "/UpLoad/images/"; //保存文件夹在网站根目录下 dialogs/image/image.js //修改为 var $img = $("<img src='" + url + "' class='edui-image-pic' />"),//去掉editor.options.imagePath,

asp.net 中 UEditor 图片上传失败的处理方法

1.0 找到 net 文件夹下面的 web.config 配置文件,注释掉如下的两句: 2.0 Uploader文件默认属性为编译,将其属性改为内容以后重新运行程序,图片上传成功. 3.0 删除 imageUp.ashx 中的 <%@ Assembly Src="Uploader.cs" %> asp.net 中 UEditor 图片上传失败的处理方法

ueditor图片上传配置

ueditor图片上传配置文件为ueditor/php/config.json /* 上传图片配置项 */ "imageActionName": "uploadimage", /* 运行上传图片的action名称 */ "imageFieldName": "upfile", /* 提交的图片表单名称 */ "imageMaxSize": 2048000, /* 上传限制大小,单位B */ "ima

kindeditor扩展粘贴图片功能&修改图片上传路径并通过webapi上传图片到图片服务器

前言 kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. 本篇博文需要解决的问题有两个: kindeditor扩展粘贴图片功能 kindeditor修改图片上传路径并通过webapi上传图片到图片服务器(支持分布式图片) 结果演示 1.扩展粘贴图片功能演示 2.修改图片上传路径演示: 我们的网站演示地址是:http://localhost:9393/ 我们的图片服务器地址是:http://localhost:9394/

thinkphp开发系列-ueditor1.43修改图片上传路径

最近用的ueditor1.43感觉分厂不错,但是如何能自定义ueditor的上传路径呢然后进入php目录打开后参考下图修改

umeditor1.2.2 jsp版本更改图片上传路径的方法

最近在做一个bbs项目,需要一个轻量级的编辑器,看过来看过去,都是百度编辑器挺好看的怎么部署百度编辑器我就只截取部分图片,关键是更改图片上传路径的方法这是部署百度编辑器需要的引入的js文件,目录要对应在网页需要编辑器的地方添加这段代码,写好样式表,直接要class引入,编辑器的长宽就会自适应,后面的内容会在百度编辑器初始化后自动填写在百度编辑器中, 你可以试一下,name属性是后台接受表单提交是获取内容时使用的字段 UM.getEditor("myEditor");这句是初始化百

百度Ueditor 图片上传无反应，显示上传0张，不能点确定

解决办法: \Data\Ueditor\php\Uploader.class.php 190行左右 /** * 获取文件扩展名 * @return string */ private function getFileExt() { date_default_timezone_set("PRC"); return strtolower( strrchr( $this->file[ "name" ] , '.' ) ); } 添加了date_default_tim

ueditor 百度编辑器自定义图片上传路径和格式化上传文件名

今天项目中需要自定义图片上传的保存路径,并且不需要按照日期自动创建存储文件夹和文件名,我的ueditor版本是1.3.6.下面记录一下我配置成功的方法,如果有什么不对的地方欢迎指出,共同学习: 1:我在本地项目的根目录下新建一个文件夹,比如:upload. 2:打开ueditor/php/config.php,改成如下代码后保存: <?php return array( //图片上传允许的存储目录 /*'imageSavePath' => array ( 'upload1', 'upload2