[散分]为编辑小MM提供的服务代码。关于图片上传的。

mu_rain 2012-10-18 10:10:12
我们在工作中遇到了如下场景:编辑小妹需要发布图文混排的内容,图片有点偏多,一篇内容约有20来张图片,一天要发布200多篇,用编辑器自带的图片上传有点效率不够。
目标:提升上传效率.
方法一. 直接上word 另存为html,再把里面的图片单独上传到指定目录,再把html 代码放到编辑器内,提交后数据适配一下。此方法比较适合word 版内容发布.具体实例,不做详述。

方法二. 用firefox ,编辑器可以支持 截图后粘贴。通常直接用qq截图,提交后 数据为html5 图片,ie下不显示,再折腾折腾转为常规html img 就好了,代码如下。

//data 为提交表单数据,数组格式
$data = $_POST["data"];
$data = filter( $data ); //转换data 数据
// 剩下的事件,插入数据库,生成静态贴之类。。。



//转换处理
function filter( $data )
{
if( sizeof($data ))
{
foreach ($data as $key => $val):
if(preg_match_all("/<img\s+src=\"data:image\/png;base64,([^\"]+)\"/iU" , $val ,$match))
{
if(sizeof($match[1]))
{
foreach ($match[1] as $key2 => $val2):
list($newFilePath, $newFileName) = create_png_name();
file_put_contents($newFilePath , base64_decode($val2) );

$val = str_replace("<img src=\"data:image/png;base64,$val2\"" ,"<img src = '$newFileName'" , $val );
// echo $val;
endforeach;
}
$data[$key] = $val;
}
endforeach;
}
return $data;
}

function create_png_name()
{
$fileName = "/upload/attached/".date("Y-m-d")."/".date("ymdhis").rand(1000,9999).".jpg";
$file = $_SERVER["DOCUMENT_ROOT"] . $fileName ;
$dir = pathinfo( $file , PATHINFO_DIRNAME );
if( !is_dir($dir )) { mkdir( $dir , 0777 , 1);}
return array($file , $fileName);
}

PS: 最近公事私事,事事烦心,越来越没精力专注的做开发了,时间仓促,更多的是表达一种使工作便利的想法,还想各位批评指正。
...全文
2105 36 打赏 收藏 转发到动态 举报
写回复
用AI写文章
36 条回复
切换为时间正序
请发表友善的回复…
发表回复
komorio 2012-11-02
  • 打赏
  • 举报
回复
不知所谓
超级字帖 2012-11-01
  • 打赏
  • 举报
回复
说到编辑器,用了还是百度和阿里的那种好用,大图标好看!功能够用!
q274454215 2012-10-29
  • 打赏
  • 举报
回复
不错哦
tottyandbaty 2012-10-29
  • 打赏
  • 举报
回复
有一种编辑器叫Ueditor
zhu6100441 2012-10-25
  • 打赏
  • 举报
回复
来迟了,没得分了。。。
亚飞正传 2012-10-23
  • 打赏
  • 举报
回复
楼主可以试试 UEDITOR。百度的。挺不错的。
mu_rain 2012-10-22
  • 打赏
  • 举报
回复
我发贴的本意,请大家不要太在意用具体哪个编辑器,
当不是面临太多的个性化定制时,编辑器,就是一个装配过程,代码通常也就几行,重要的是去关注一种思想,例用代码让工作轻松一点,生活cool 一点的想法,要有这种欲望.
d0ng 2012-10-22
  • 打赏
  • 举报
回复
闲暇之余玩过FCKeditor,挺好用的。。。接分,3Qlz
maniachhz 2012-10-19
  • 打赏
  • 举报
回复
我也来接分的.^_^
xuyanlu 2012-10-19
  • 打赏
  • 举报
回复
双休了,终于又可以安心休息了...
  • 打赏
  • 举报
回复
接分,3Q楼主
franzhong 2012-10-19
  • 打赏
  • 举报
回复
keditor,我还用过jeditor
这世界太多的editor
接分了~
Yikes-异客 2012-10-19
  • 打赏
  • 举报
回复
初学,研究中。。。。。
wsfdaa 2012-10-19
  • 打赏
  • 举报
回复
路过。学习的
blue7wings 2012-10-19
  • 打赏
  • 举报
回复
嘿嘿,新手来看看..
黄袍披身 2012-10-19
  • 打赏
  • 举报
回复
百度那个玩意图片你一粘贴,他就给你上传好了...
mu_rain 2012-10-19
  • 打赏
  • 举报
回复
亲,做为同样的洁癖者,word 的代码在提交后,会被清掉的....
[Quote=引用 16 楼 的回复:]

如果用word另存为html 应该会有很多冗余代码
作为代码 这点我接受不了- -
[/Quote]
yunprince 2012-10-18
  • 打赏
  • 举报
回复
看着散分进来啦,还有一个其实就是排版,编辑器的排版功能太丑了,自己写的话js又不行
helloyou0 2012-10-18
  • 打赏
  • 举报
回复
1.MM漂亮否?
2.楼主搞定否?
3.目前流行的web editor都是word思维.....总有一天会改变...
gilper 2012-10-18
  • 打赏
  • 举报
回复
如果用word另存为html 应该会有很多冗余代码
作为代码洁癖 这点我接受不了- -
加载更多回复(10)
通过该课程的学习,掌握0行代码服务框架的服务发布,参数验证,代码生成功能,具备初步的使用能力 该项目本身设计的内容非常多,后期会逐步开放讲解框架后期内容参考:https://mp.csdn.net/editor/html/112142371与Springboot+mybatis和Springboot+jdbctemplate对比:https://editor.csdn.net/md/?articleId=106091083框架主要功能:生成自定义sql模板文件1.一键生成数据库所有列表增、删、改、查接口通过代码生成器,一键生成增、删、改、查代码,分为有代码和无代码两种方式。有代码方式可以在需要业务封装时直接调用生成的代码进行业务组装。有代码方式和无代码方式都可以直接调用访问。2.可指定单表生成接口可以指定生成那张表的数据接口,以免对已有接口造成影响。3.一键生成接口测试postman调用文件生成postman调用接口,直接导入即可测试,不需要单独也写接口文档,也不需要使用swangger在代码中单独增加注释。字段长度类型,大小一目了然。4.可生成controller、service、dao、model、自定义sql、postman测试文件可以根据实际需要进行单独配置5.接口任意参数可自动配置多维度验证比如一个参数phone,在不需要编程的情况下,可以配置验证是否为空、长度、是否是电话号码6.数据接口可以任意组合形成新的接口比如、查询学校是一个接口、查询城市是一个接口,通常情况下在前端是需要两次请求,现在可以通过一次请求自动合并两个接口的数据结果,一次性返回。而这样的组合可以是无限个组合。7.所有接口参数均可自动封装比如查询省份接口,里面有10个参数,前端传入几个参数,便可自动封装几个参数。8.所有查询接口自带分页列表查询,有码方式和无码方式,均自带分页。9.通过简单sql的编辑即可完成服务发布只要会写sql便可生成服务,不需要任何多余操作10.接口可以进行限流配置,可以根据ip、token、ak进行限流操作多维度自定义限流,可设置次数、时限、限流方式11.所有接口可以进行签名认证所有接口通过接口sign签名认证12.所有接口可以进行登录认证限制,也可单独配置不需要登录认证可以指定接口单独授权不需要登录验证,比如验证码接口13.所有接口均可设置需要验证码验证所有的接口都可以通过参数配置设置短信验证码和图片验证码14.所有查询接口均可单独设置缓存所有接口皆可设置单独缓存,缓存周期15.所有接口均可监控访问次数同一接口访问次数记录,很容易监控服务访问,可以做更细致的服务优化16.所有接口均可记录访问日志,包括请求来源请求参数、获得结果入参出参所有访问皆有详细记录17.项目中的代码可以进行自动统计代码量一键统计代码量,包括前后端代码行数和体积18.可以自动进行数据统计,可配置单表数据量统计、也可以配置定时任务数据统计自动表数据统计,方便做BI可视化报表,不需要开发直接配置即可19.可进行跨域设置跨域通过配置文件配置20.可进行IP禁用对于恶意访问ip进行封禁21.可进行访问次数限制所有接口可以进行访问次数限制22.可进行访问来源设备、应用检查验证验证请求来源所用设备和请求发起的应用

21,887

社区成员

发帖
与我相关
我的任务
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧