php版本7,使用框架ThinkPHP5,今天无意中发现使用百度编辑器的多图上传出现了一个bug,我同时上传了三张图,但是实际传入我文件目录中就一张,在编辑器预览确实三张同样的,琢磨半天,原来是命名的问题。
1、图片顺序混乱(ueditor\dialogs\image\image.js)
//将下面代码替换,我的在724行
//_this.imageList.push(json);
_this.imageList[$file.index()] = json; // 按选择好的文件列表顺序存储
2、图片丢失,图片编辑器预览重复(ueditor\php\Uploader.class.php)
//替换随机字符串,我的在305行
//$randNum = rand(1, 10000000000) . rand(1, 10000000000);
$randNum = rand(1, 2147483647) . rand(1, 2147483647); //改为最大int值
3、图片获取,我在文章提交的时候,使用正则匹配将图片src全部取出来使用“|”拼接,传值到一个字段存储,便于后期删除使用
//$info['article_content'] 就是从表单提交过来的文章
$info = input('post.'); //这个是tp5的接收值的方法
$preg = '|src=(.*) |U'; //匹配img标签的正则表达式
preg_match_all($preg, $info['article_content'], $img); //这里匹配所有的img
$article_img = implode('|',str_replace('"','', $img[1])); //这里我先将双引号去除了,然后使用|连接,拼接成一个字符串,我这里是为了方便删除的时候取值,当然我个人举的最好的办法是拼接成json数组
dump($article_img);
die;
//附加tp5 文章以及文章图片删除的操作
public function delArticle()
{
$map['article_id'] = input('article_id'); //接收id值
$info = Db::name('article')->where($map)->value('article_img');
if($info != ''){
$dataImg = explode('|',$info); //我以 | 拼接的,现在又以它分割成数组
foreach($dataImg as $v){
if($v != ''){
//因为百度编辑器的路径是以反斜杠连接,unlink函数不能识别(而且也要注意window操作系统与linux操作系统),所以我又将我的图片路径分割成数组,然后再使用tp5框架的 DS 来拼接路径,下面$url 不一定每次一样哈,看自己的配置,不清楚的时候可以将$v打印出来看看
$v = explode('/',$v);
$url = $v[5].DS.$v[6].DS.$v[7];
@unlink(ROOT_PATH.'public'.DS.'upload'.DS.'ueditor'.DS.$url);
}
}
}
$result = Db::name('article')->where($map)->delete();
if($result){
return json(['info'=>'删除成功!','status'=>1]);
}else{
return json(['info'=>'删除失败!','status'=>0]);
}
}