关于UEditor编辑器远程图片上传失败的解决办法
作者:
因为单纯喜欢 UEditor 的界面,于是把项目中原先的编辑器进行的替换,但在后续操作中发现一些问题,就是远程图片上传
远程图片上传是个很有意思的东西,比如你从别的网站复制一段文件,如果文字中带有图片,编辑器会自动将图片提取出来,进行上传,从而不用担心远程图片失效后,自己本地也无法浏览。
通过检查,发现远程图片上传的操作页面是:getRemoteImage.php 。打开后我们先配置 savePath ,因为不同用户使用,需要存放到不同的目录,以免混乱,也方便管理
修改后代码:
//远程抓取图片配置
if(isset($_SESSION['admin'])){
$myPath = 'https://www.jb51.net/../dofiles/ueditorUpload/admin/'.$_SESSION['admin']['id'].'/';
}else if(isset($_SESSION['user'])){
$myPath = 'https://www.jb51.net/../dofiles/ueditorUpload/user/'.$_SESSION['user']['id'].'/';
}else{
$myPath = 'https://www.jb51.net/../dofiles/ueditorUpload/unkonw/';
}
$config = array(
"savePath" => $myPath , //保存路径
"allowFiles" => array( ".gif" , ".png" , ".jpg" , ".jpeg" , ".bmp" ) , //文件允许格式
"maxSize" => 3000 //文件大小限制,单位KB
);
然后问题就来了,UEditor 里,文件、图片上传都是通过 Uploader.class.php 这个php类操作的,但远程图片上传则不是。
我在85行发现,创建路径的时候,单纯的使用了mkdir进行来创建,因为mkdir不能创建带有层级的路径,所以导致在路径如果不存在的情况下,复制远程图片上传失败。
知道问题处理起来就容易了,我先写一个循环创建文件目录的函数(因为之前写过,这里就直接拿来用了):
//连续创建带层级的文件夹
function recursive_mkdir($folder){
$folder = preg_split( "/[\\\\\/]/" , $folder );
$mkfolder = '';
for($i=0; isset($folder[$i]); $i++){
if(!strlen(trim($folder[$i]))){
continue;
}
$mkfolder .= $folder[$i];
if(!is_dir($mkfolder)){
mkdir("$mkfolder",0777);
}
$mkfolder .= DIRECTORY_SEPARATOR;
}
}
然后修改85行:
//创建保存位置
$savePath = $config[ 'savePath' ];
if ( !file_exists( $savePath ) ) {
recursive_mkdir($savePath);
//mkdir( "$savePath" , 0777 );
}
这样一来,就没有问题了。
这问题也已经提交给百度官方,希望修正。
测试UEditor版本为1.2.3.0,如果之前版本也有相关问题,按照修改思路去修改应该也可以解决。
通过检查,发现远程图片上传的操作页面是:getRemoteImage.php 。打开后我们先配置 savePath ,因为不同用户使用,需要存放到不同的目录,以免混乱,也方便管理
修改后代码:
复制代码 代码如下:
//远程抓取图片配置
if(isset($_SESSION['admin'])){
$myPath = 'https://www.jb51.net/../dofiles/ueditorUpload/admin/'.$_SESSION['admin']['id'].'/';
}else if(isset($_SESSION['user'])){
$myPath = 'https://www.jb51.net/../dofiles/ueditorUpload/user/'.$_SESSION['user']['id'].'/';
}else{
$myPath = 'https://www.jb51.net/../dofiles/ueditorUpload/unkonw/';
}
$config = array(
"savePath" => $myPath , //保存路径
"allowFiles" => array( ".gif" , ".png" , ".jpg" , ".jpeg" , ".bmp" ) , //文件允许格式
"maxSize" => 3000 //文件大小限制,单位KB
);
然后问题就来了,UEditor 里,文件、图片上传都是通过 Uploader.class.php 这个php类操作的,但远程图片上传则不是。
我在85行发现,创建路径的时候,单纯的使用了mkdir进行来创建,因为mkdir不能创建带有层级的路径,所以导致在路径如果不存在的情况下,复制远程图片上传失败。
知道问题处理起来就容易了,我先写一个循环创建文件目录的函数(因为之前写过,这里就直接拿来用了):
复制代码 代码如下:
//连续创建带层级的文件夹
function recursive_mkdir($folder){
$folder = preg_split( "/[\\\\\/]/" , $folder );
$mkfolder = '';
for($i=0; isset($folder[$i]); $i++){
if(!strlen(trim($folder[$i]))){
continue;
}
$mkfolder .= $folder[$i];
if(!is_dir($mkfolder)){
mkdir("$mkfolder",0777);
}
$mkfolder .= DIRECTORY_SEPARATOR;
}
}
然后修改85行:
复制代码 代码如下:
//创建保存位置
$savePath = $config[ 'savePath' ];
if ( !file_exists( $savePath ) ) {
recursive_mkdir($savePath);
//mkdir( "$savePath" , 0777 );
}
这样一来,就没有问题了。
这问题也已经提交给百度官方,希望修正。
测试UEditor版本为1.2.3.0,如果之前版本也有相关问题,按照修改思路去修改应该也可以解决。
您可能感兴趣的文章:
- 基于ThinkPHP5.0实现图片上传插件
- ThinkPHP5+Layui实现图片上传加预览功能
- thinkPHP5框架整合plupload实现图片批量上传功能的方法
- ThinkPHP5.0 图片上传生成缩略图实例代码说明
- thinkphp5上传图片及生成缩略图公共方法(分享)
- Thinkphp5+plupload实现的图片上传功能示例【支持实时预览】
- UEditor编辑器自定义上传图片或文件路径的修改方法
- ueditor编辑器不能上传图片问题的解决方法
- 百度ueditor组件上传图片后如何设置img里的alt属性
- PHP结合Ueditor并修改图片上传路径
- YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
- ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例