php获取编辑器里的图片,php 保存编辑器内容中的远程图片为本地图片

有时,我们的编辑器复制过来的图片是远程的,需要下载到本地服务器上。

1、提取远程图片

/*

*功能:php完美实现下载远程图片保存到本地

*参数:文件url,保存文件目录,保存文件名称,使用的下载方式

*当保存文件名称为空时则使用远程文件原来的名称

*/

private function getImage($url,$filename=‘‘,$type=0){

if(trim($url)==‘‘){

return array(‘file_name‘=>‘‘,‘save_path‘=>‘‘,‘error‘=>1);

}

$filePath=‘upload/content/‘.date(‘Ymd‘);

// if(trim($save_dir)==‘‘){

$save_dir=ROOT_PATH. DS . ‘www‘. DS . $filePath ;

//}

if(trim($filename)==‘‘){//保存文件名

$ext=strrchr($url,‘.‘);

if($ext!=‘.gif‘&&$ext!=‘.jpg‘){

return array(‘file_name‘=>‘‘,‘save_path‘=>‘‘,‘error‘=>3);

}

$filename=time().$ext;

}

if(0!==strrpos($save_dir,‘/‘)){

$save_dir.=‘/‘;

}

//创建保存目录

if(!file_exists($save_dir)&&!mkdir($save_dir,0777,true)){

return array(‘file_name‘=>‘‘,‘save_path‘=>‘‘,‘error‘=>5);

}

//获取远程文件所采用的方法

if($type){

$ch=curl_init();

$timeout=5;

curl_setopt($ch,CURLOPT_URL,$url);

curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);

curl_setopt($ch,CURLOPT_CONNECTTIMEOUT,$timeout);

$img=curl_exec($ch);

if($img==false)

{

return array(‘file_name‘=>‘‘,‘save_path‘=>‘‘,‘error‘=>6);

}

curl_close($ch);

}else{

ob_start();

readfile($url);

$img=ob_get_contents();

ob_end_clean();

}

//$size=strlen($img);

//文件大小

[email protected]($save_dir.$filename,‘a‘);

fwrite($fp2,$img);

fclose($fp2);

unset($img,$url);

return array(‘file_name‘=>$filename,‘save_path‘=>DS.$filePath,‘error‘=>0);

}

2、获取编辑器里的内容,使用上面的方法替换编辑器里的内容

2b65ef29a5872cc0e4771c25889edd04.gif

6a087676c59fa8b19d76e6bb55a32902.gif

/*保存远程图片到本地*

@param $content 编辑器里的内容

@return $content 返回替换过的内容*/

protectedfunction getRempotePicToLocation($content)

{

preg_match_all(‘/

{

$imgList=$matches[1];foreach ($imgList as$matche)

{if(strpos($matche,‘http‘)>=0)

{/*得到当前文件的文件名和扩展名*/preg_match(‘/\/([^\/]+\.[a-z]+)[^\/]*$/‘,$matche,$fileInfo);

$info=$this->getImage($matche,$fileInfo[1],0);if($info[‘error‘]==0)

{

$content=str_replace($matche,$info[‘save_path‘].DS.$info[‘file_name‘],$content);

}

}

}

}return$content;

}

View Code

原文:https://www.cnblogs.com/fogwang/p/12580318.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
UEditor提供的图片转存接口可以将富文本编辑器图片保存到服务器上,以便于后续的处理和展示。下面是一个简单的图片转存接口示例: 1. 在UEditor的config.json添加图片上传配置: ```json { "imageActionName": "uploadimage", "imageFieldName": "upfile", "imageMaxSize": 2048000, "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], "imagePathFormat": "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", "imageManagerActionName": "listimage", "imageManagerListPath": "/upload/image/", "imageManagerListSize": 20, "imageManagerUrlPrefix": "", "imageManagerInsertAlign": "none", "imageUrlPrefix": "", "imageInsertAlign": "none", "imageSavePath": "", "imageRemoteUrlPrefix": "", "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], "catcherLocalDomain": ["127.0.0.1", "localhost", "img.baidu.com"], "catcherActionName": "catchimage", "catcherFieldName": "source", "catcherPathFormat": "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", "catcherUrlPrefix": "", "catcherMaxSize": 2048000, "catcherAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], "videoActionName": "uploadvideo", "videoFieldName": "upfile", "videoPathFormat": "/upload/video/{yyyy}{mm}{dd}/{time}{rand:6}", "videoUrlPrefix": "", "videoMaxSize": 102400000, "videoAllowFiles": [ ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid" ], "fileActionName": "uploadfile", "fileFieldName": "upfile", "filePathFormat": "/upload/file/{yyyy}{mm}{dd}/{time}{rand:6}", "fileUrlPrefix": "", "fileMaxSize": 51200000, "fileAllowFiles": [ ".png", ".jpg", ".jpeg", ".gif", ".bmp", ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid", ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml" ], "imageManagerInsertAlign": "none", "snapscreenActionName": "uploadimage", "snapscreenPathFormat": "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", "snapscreenUrlPrefix": "", "snapscreenInsertAlign": "none", "snapscreenMaxSize": 2048000, "snapscreenAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], "wordImageUrlPrefix": "", "wordImageActionName": "uploadwordimage", "wordImagePathFormat": "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", "wordImageFieldName": "upfile", "wordImageMaxSize": 2048000, "wordImageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"] } ``` 2. 在服务端添加图片转存接口: ```php <?php // 定义图片本地保存路径 $savePath = __DIR__ . '/upload/image/'; // 获取图片二进制数据 $fileData = file_get_contents('php://input'); // 生成保存文件名 $fileName = date('YmdHis') . mt_rand(100000, 999999) . '.jpg'; // 保存图片到本地 file_put_contents($savePath . $fileName, $fileData); // 返回保存后的图片地址 echo '/upload/image/' . $fileName; ``` 3. 在UEditor的源码实现图片转存: 在UEditor的源码,可以找到`_saveRemote`方法,该方法用于保存富文本编辑器远程图片。可以在该方法添加图片转存的相关代码,具体操作如下: ```javascript /** * 保存远程图片到本地 * @param {String} imgUrl 远程图片地址 * @return {Promise} 返回包含本地图片地址的Promise对象 */ _saveRemote: function(imgUrl) { var me = this; return new Promise(function(resolve, reject) { // 定义图片转存接口地址 var uploadUrl = me.getOpt('wordImageUrlPrefix') + me.getOpt('wordImageActionName'); // 创建XMLHttpRequest对象 var xhr = new XMLHttpRequest(); xhr.open("POST", uploadUrl, true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8"); xhr.onreadystatechange = function() { if (xhr.readyState === 4) { if (xhr.status === 200) { // 将远程图片地址替换为本地图片地址 var result = JSON.parse(xhr.responseText); if (result.state === "SUCCESS") { imgUrl = result.url; resolve(imgUrl); } else { reject(result.state); } } else { reject(xhr.statusText); } } }; // 发送图片数据到服务端 xhr.send('upfile=' + encodeURIComponent(imgUrl)); }); }, ``` 在上述代码,我们首先获取图片转存接口的地址,并使用XMLHttpRequest对象将远程图片数据发送到该地址进行转存。转存成功后,我们将远程图片地址替换为本地图片地址,并将该地址通过Promise对象返回。 通过以上操作,我们就可以在UEditor实现图片转存的功能了。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值