UEditor编辑器自定义上传图片或文件路径的修改方法,ueditor修改方法

使用ueditor编辑器,附件默认在ueditor/php/upload/,  我的附件地址是网站根目录下/data/upload/ ,需要修改ueditor如下:

第一步:打开php/config.php修改图片目录

复制代码 代码如下:

return array(

//图片目录

'imageSavePath' => array (

'../../../../data/upload'

)

);

第二步:图片上传后去掉相对路径php/imageUp.php

复制代码 代码如下:

$info["url"]=str_replace('../../../../', '', $info["url"]);

echo "{'url':'" . $info["url"] . "','title':'" . $title . "','original':'" . $info["originalName"] . "','state':'" . $info["state"] . "'}";

exit;

第三步:打开ueditor.config.js修改图片路径

复制代码 代码如下:

,imagePath:"/"

第四步:如果你想修改图片生成路径或图片名称

修改图片生成路径在php/Uploader.class.php

复制代码 代码如下:

private function getFolder()

{

$pathStr = $this->config[ "savePath" ];

if ( strrchr( $pathStr , "/" ) != "/" ) {

$pathStr .= "/";

}

$pathStr .= date( "Ym/d" );

if ( !file_exists( $pathStr ) ) {

if ( !mkdir( $pathStr , 0777 , true ) ) {

return false;

}

}

return $pathStr;

}

修改文件名,在ueditor.all.min.js中搜索“fileNameFormat”,然后按照官方文档说明修改!

助助有关ueditor编辑器上传图片与配置路径的问题

看看ueditor里面的上传组件存不存在,或者组件是否损坏。

上传程序的文件名一般为upfile.asp

找找类似的。。。

问:百度Ueditor编辑器为何不可以上传图片?在ASP中,指教

Ueditor编辑器图片上传

UEditor的图片上传采用了Flash上传的方式,在功能上支持批量、本地预览和实时进度提示,在界面上支持自定义背景、上传按钮和预览框等视觉元素的样式属性,基本能够满足各种用户的不同上传需求。

由于涉及到了后端开发语言、flash、js和html等各种不同的web元素,图片上传这块的配置和使用相对来说稍显复杂,不过只要你认真看完以下的内容,那一切都不是什么问题了。下面我们仍然以上文中的完整版实例来一步一步完成这个过程。

先来回顾一下完整版部署章节中提到的项目目录结构,如下左图所示。为了更加符合一般网站的具体实际,也为了更清晰地展示整体的路径配置流程,我们先对这个目录做一下小的改动:将ueditor目录下的server文件夹提取出来放置到根目录中的admin文件夹下。调整后的目录结构如下右图所示

首先来看前端部分的文件及其配置。打开dialogs/image文件夹,我们可以发现四个文件:

•callback.js:本上传模块支持的所有回调函数,你可以按需选用其中的内容。对于不需要做二次开发的你说,可以放心地直接删除。

•image.html:图片上传对话框的主体文件。前端的配置和修改基本在此处完成。

•imageUploader.swf:Flash上传文件。

•tangram.js:百度前端框架tangram封装的flash操作模块。一般无需修改。

打开image.html文件,找到baidu.swf.create()方法,有关图片上传的大部分配置都在这里进行。这其中的绝大部分参数相信你对着注释都能很容易明白意思,下面将挑选几个需要稍微解释的参数进行讲解:

首先是backgroundUrl、listBackgroundUrl和buttonUrl这三个参数。UEditor为了让上传flash的界面能够满足各种不同的网站风格,预留出了这三个参数让你可以自己定义上传框的背景、图片预览框的背景和上传按钮的背景,默认留空情况下就是同学们看到的样式。

其次是compressSide和compressLength这两个参数。前者规定了上传图片等比压缩的基准边,后者规定了前者定义的基准边的最大边长,并以该值为基准进行等比缩放。此处的值设置是通过读取配置文件中的maxImageSideLength值来进行,嫌麻烦的可以直接设置数值即可。

第三个是url参数。这个参数设置了图片上传后台处理程序的路径。以当前项目示例来说,此处的url值应该是“../../../admin/server/upload/up.php”。

第四个要介绍的参数是ext。这个参数允许让你自己定义需要向后端post的参数。只要书写符合我们demo中的格式,后台就可以直接像接收一个普通的表单项一样的方式来接收对应的自定义值。

最后一个需要要介绍的参数是fileType。它在前端限定了文件选择框中能够显示的文件类型,如果需要上传其他非图片格式的文件,你只要修改对应的扩展名即可。

前端部分的配置暂时结束,下面来看后台处理程序中的配置。打开admin/server/upload/文件夹,在up.php文件中,我们可以发现需要配置的参数有以下三个uploadPa......余下全文>>

ueditor 编辑html文件名,UEditor编辑器自定义上传图片或文件路径的修改方法,ueditor修改方法...相关推荐

  1. Py之glob: glob库文件名模式匹配+返回所有匹配的文件路径列表库的简介、使用方法之详细攻略

    Py之glob: glob库文件名模式匹配+返回所有匹配的文件路径列表库的简介.使用方法之详细攻略 目录 glob库的简介 glob库的使用方法 1.单个字符通配符:用问号(?)匹配任何单个的字符.

  2. vue-quill-editor富文本编辑器自定义上传图片功能

    问题描述:vue-quill-editor富文本默认上传图片是将图片转换成base64进行存储,字段过长:然后进行自定义上传图片,只保存图片路径,减少服务器压力 解决思路: 1.先创建一个上传图片的组 ...

  3. android打开文件管理获取文件名,如何从android中的文件路径获取文件名

    我想从sdcard文件路径获取文件名.例如:/storage/sdcard0/DCIM/Camera/1414240995236.jpg I want get 1414240995236.jpg 我已 ...

  4. c#文件名去掉后缀_C#如何从文件路径中分离出文件名以及文件扩展名

    在C#文件操作的过程中或者Asp.Net文件的处理过程中,有时候知道文件的完整路径信息后,需要从完整路径中分离出文件名以及文件的后缀名等信息,此文将简要介绍C#语言如何从文件路径中分离出文件名以及文件 ...

  5. linux 文件名的长度不得超过,linux对文件路径和文件名长度的限制

    linux对文件夹以及文件名的长度做了限制,以ubuntu为例,描述文件路径为:/usr/include/linux/limits.h #ifndef _LINUX_LIMITS_H #define ...

  6. vue-quill-editor 富文本编辑器 自定义上传图片

    ① 安装插件,以及引入插件 使用命令:npm install vue-quill-editor -S ② main.js 中引入 // 导入富文本编辑器 import VueQuillEditor f ...

  7. vue结合element实现自定义上传图片、文件

    参考了很多文献,感谢各位帖子,所以也想把自己遇到不会的东西分享出来,菜鸟一枚大家一进步! 转载于:https://www.cnblogs.com/zff-y/p/10735671.html

  8. ueditor 工具栏配置_Ueditor文本编辑工具栏自定义

    1.找到 ueditor.config.js 文件 2.在 toolbars 数组内进行删减,添加 , toolbars: [[ 'fullscreen', 'source', '|', 'undo' ...

  9. python学习笔记(自定义库文件路径)

    博主最近在弄接口自动化.主要是基于python自带的unittest框架.包括 Pubilc模块定义所有接口. Main模块根据业务需求重新封装接口便于测试. config文件导入测试业务的固定参数. ...

最新文章

  1. 属性匹配工具_测试工具链——高效构建Mock服务
  2. php4种九九乘法表编程,PHP 99乘法表的几种实现代码
  3. POJ 3259 Wormholes(负权环路)
  4. jlink调试出现**JLink Warning: T-bit of XPSR is 0 but should be 1. Changed to 1错误
  5. Spring3MVC+Mybatis3.1框架下的事务
  6. ML之LiRDNNEL:基于skflow的LiR、DNN、sklearn的RF对Boston(波士顿房价)数据集进行回归预测(房价)
  7. 卧虎藏龙2不显示服务器列表,《卧虎藏龙贰》iOS平台 合服公告(第2期)
  8. 角谷猜想(信息学奥赛一本通-T1086)
  9. PHP命名空间带来的干扰
  10. jqGrid宽度自适应
  11. irr java_Java版的IRR(内部收益率)实现
  12. vfc格式linux,2021-03-17 在linux上将vcf文件转plink的格式bed,bim,fam
  13. 小胡学python【1】
  14. 专属于Java程序员的学习福音,大厂面经合集
  15. hdu 6441 (费马大定理+勾股数 数学)
  16. calc(100% - 200px)调整大小
  17. docker安装报错Loading mirror speeds from cached hostfile解决方案
  18. win10修改默认文件管理器
  19. 《Unix/Linux网络日志分析与流量监控》获2015年度最受读者喜爱的IT图书奖
  20. 收单外包机构为何会被强制取消备案

热门文章

  1. WebApi client 的面向切面编程
  2. 调试 ASP.NET Core 2.0 源代码
  3. C#使用Xamarin开发可移植移动应用(3.Xamarin.Views控件)附源码
  4. .NET Core New csproj 如何发布可执行文件
  5. 先定个小目标, 使用C# 开发的千万级应用
  6. 鸿蒙系统大疆,华为操作系统“鸿蒙OS”来了!
  7. jQuery选择器和选取方法
  8. 利用MRT进行Modis NDVI数据(MOD13Q1)投影变换格式转换操作图文教程
  9. ArcGIS实验教程——实验二十二:空间数据符号化
  10. Java Eclipse开发环境搭建及注意事项