因为单纯喜欢 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远程图片上传失败的关键在于理解其内部的工作机制,尤其是`getRemoteImage.php`和`Uploader.class.php`的交互,以及正确处理保存路径的创建。通过编写适当的辅助函数,可以有效地克服这一障碍...
以上就是解决Vue使用UEditor上传图片服务配置问题的基本步骤。记得在实际应用中,根据项目需求调整配置,并确保后端接口能够正确处理图片上传请求。通过Vue-UEditor组件,你可以在Vue项目中轻松集成并定制UEditor,...
在实际使用中,可能遇到网络问题、权限错误或服务器故障等情况,ueditor应具备错误处理机制,如显示错误提示,让用户了解上传失败的原因,并尝试重新上传。 8. **其他扩展功能** 除了基本的图片上传,ueditor还...
- **图片上传问题**:ueditor支持图片本地上传和网络URL粘贴,若遇到上传失败,检查服务器端的图片处理接口是否正常,以及上传配置是否正确。 - **样式冲突**:在与已有网站样式结合时,可能产生样式冲突,可以通过...
5. **脚本编程**:在服务器端,可能需要编写脚本来自动化处理UEditor上传的文件,比如通过shell脚本接收上传请求,保存文件到指定位置,并返回成功或失败的反馈信息。 6. **前后端交互**:在前端,UEditor通常有一...
return Json(new { state = "ERROR", message = "上传失败,请检查网络或文件大小。" }); } ``` 以上就是Asp.net Mvc中集成UEditor的基本步骤。确保正确配置前端和后端,UEditor就能在你的网站上正常工作,提供...