`
yn2010
  • 浏览: 24126 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

关于UEditor远程图片上传失败的解决办法

 
阅读更多
 因为单纯喜欢 UEditor 的界面,于是把项目中原先的编辑器进行的替换,但在后续操作中发现一些问题,就是远程图片上传。

  远程图片上传是个很有意思的东西,比如你从别的网站复制一段文件,如果文字中带有图片,编辑器会自动将图片提取出来,进行上传,从而不用担心远程图片失效后,自己本地也无法浏览。

  通过检查,发现远程图片上传的操作页面是:getRemoteImage.php 。打开后我们先配置 savePath ,因为不同用户使用,需要存放到不同的目录,以免混乱,也方便管理

  修改后代码:
?
//远程抓取图片配置
if(isset($_SESSION['admin'])){
    $myPath = 'http://www.cnblogs.com/../dofiles/ueditorUpload/admin/'.$_SESSION['admin']['id'].'/';
}else if(isset($_SESSION['user'])){
    $myPath = 'http://www.cnblogs.com/../dofiles/ueditorUpload/user/'.$_SESSION['user']['id'].'/';
}else{
    $myPath = 'http://www.cnblogs.com/../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,如果之前版本也有相关问题,按照修改思路去修改应该也可以解决。
分享到:
评论

相关推荐

    关于UEditor编辑器远程图片上传失败的解决办法

    总的来说,解决UEditor远程图片上传失败的关键在于理解其内部的工作机制,尤其是`getRemoteImage.php`和`Uploader.class.php`的交互,以及正确处理保存路径的创建。通过编写适当的辅助函数,可以有效地克服这一障碍...

    解决Vue使用UEditor百度编辑器,上传图片服务配置问题(源码)

    以上就是解决Vue使用UEditor上传图片服务配置问题的基本步骤。记得在实际应用中,根据项目需求调整配置,并确保后端接口能够正确处理图片上传请求。通过Vue-UEditor组件,你可以在Vue项目中轻松集成并定制UEditor,...

    ueditor上传图片到ftp

    在实际使用中,可能遇到网络问题、权限错误或服务器故障等情况,ueditor应具备错误处理机制,如显示错误提示,让用户了解上传失败的原因,并尝试重新上传。 8. **其他扩展功能** 除了基本的图片上传,ueditor还...

    ueditor富文本编辑器

    - **图片上传问题**:ueditor支持图片本地上传和网络URL粘贴,若遇到上传失败,检查服务器端的图片处理接口是否正常,以及上传配置是否正确。 - **样式冲突**:在与已有网站样式结合时,可能产生样式冲突,可以通过...

    SSH的ueditor使用

    5. **脚本编程**:在服务器端,可能需要编写脚本来自动化处理UEditor上传的文件,比如通过shell脚本接收上传请求,保存文件到指定位置,并返回成功或失败的反馈信息。 6. **前后端交互**:在前端,UEditor通常有一...

    一步步教你在Asp.net Mvc中使用UEditor编辑器

    return Json(new { state = "ERROR", message = "上传失败,请检查网络或文件大小。" }); } ``` 以上就是Asp.net Mvc中集成UEditor的基本步骤。确保正确配置前端和后端,UEditor就能在你的网站上正常工作,提供...

Global site tag (gtag.js) - Google Analytics