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

今天项目中需要自定义图片上传的保存路径,并且不需要按照日期自动创建存储文件夹和文件名,我的ueditor版本是1.3.6。下面记录一下我配置成功的方法,如果有什么不对的地方欢迎指出,共同学习:

1:我在本地项目的根目录下新建一个文件夹,比如:upload。

2:打开ueditor/php/config.php,改成如下代码后保存:

f2940af480e1b4b65ede0eee02de2ab9.png<?phpreturn array(//图片上传允许的存储目录

/*‘imageSavePath‘ => array (

‘upload1‘, ‘upload2/‘

)*/

//图片上传允许的存储目录,可配置多个,我这里配置的是到根目录下的upload文件夹

‘imageSavePath‘ => array(‘../../upload‘ )

);

f2940af480e1b4b65ede0eee02de2ab9.png

3:打开ueditor/php/imageUp.php,加入将../../去掉的代码:

找到:$info = $up->getFileInfo(); 在这后面加入下面代码:$info["url"]=str_replace(‘../../‘,‘‘,$info["url"]); //将../../替换掉。

4:打开ueditor/php/Uploader.class.php,这一步将修改按照日期自动创建存储文件夹的代码,修改后将不会自动生成日期文件夹:

f2940af480e1b4b65ede0eee02de2ab9.png/**

* 按照日期自动创建存储文件夹

* @return string*/

private functiongetFolder()

{$pathStr = $this->config[ "savePath"];if ( strrchr( $pathStr , "/" ) != "/") {$pathStr .= "/";

}//$pathStr .= date( "Ymd" ); //将这行代码注释掉

if ( !file_exists( $pathStr) ) {if ( !mkdir( $pathStr , 0777 , true) ) {return false;

}

}return $pathStr;

}

f2940af480e1b4b65ede0eee02de2ab9.png

这里遇到一个问题:上传后路径upload后面多了一个“/”,比如:/ueditor/php/upload//1396072919176817.jpg。要去掉这个/,修改如下代码:

f2940af480e1b4b65ede0eee02de2ab9.pngprivate function upFile( $base64)

{...

//找到这行代码(大概在103行):

$this->fullName = $this->getFolder() . ‘/‘ . $this->getName();//将上面这行中的代码修改成下面这样,去掉/:

$this->fullName = $this->getFolder() . $this->getName();

}

f2940af480e1b4b65ede0eee02de2ab9.png

5:打开ueditor/ueditor.all.min.js,这步将格式化上传文件名,先搜索“fileNameFormat”:

f2940af480e1b4b65ede0eee02de2ab9.png将fileNameFormat:"{time}{rand:6}"} 改成:fileNameFormat:"{filename}"}//格式化字符串的参数

{filename} //会替换成文件名

{rand:6} //会替换成随机数,后面的数字是随机数的位数

{time} //会替换成时间戳

{yyyy} //会替换成四位年份

{yy} //会替换成两位年份

{mm} //会替换成两位月份

{dd} //会替换成两位日期

{hh} //会替换成两位小时

{ii} //会替换成两位分钟

{ss} //会替换成两位秒

//例子:

//配置项为:

//fileNameFormat= "{yyyy}-{mm}-{dd}_{rand:4}_{filename}"//上传的文件名可能是这样:

//"2013-12-16_7126_照片.jpg"//配置项为:

//fileNameFormat= "{time}_{rand:5}"//上传的文件名可能是这样:

//"1387191121817_29461.jpg"

f2940af480e1b4b65ede0eee02de2ab9.png

6:打开ueditor/ueditor.config.js,找到34行左右:

//,imagePath:URL + "php/" //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置

//将上面的改成(这里是相对路径,可根据你自己需求修改):

,imagePath:"/"

好了,刷新上传的框架,测试上传看看吧,效果如图:

20180920172221287597.jpg

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值