图片专题
小雷FansUnion
懂商业的技术合伙人。个人微信:FansUnion
微信订阅号:XiaoLeiFansUnion。
展开
-
Nginx缩略图和Fastdfs整合以及image_filter配置,7点经验结论和5个参考资料
以下是7点经验结论和5个参考资料1.Nginx单独配置缩略图与Nginx和Fastdfs模块整合,配置是不一样的。 非整合模式的配置,类似这样的: location ~* /(\d+)\.(jpg)$ {set $h $arg_h; # 获取参数h的值set $w $arg_w; # 获取参数w的值#image_filter crop $h $w;image_filter resize $原创 2015-11-06 16:21:47 · 7517 阅读 · 4 评论 -
安装成功的nginx,如何添加未编译安装模块(非覆盖安装http_image_filter_module)
背景:1.做了图片上传小项目。2.图片上传,需要多图管理。3.图片上传,需要存储到Fastdfs。4.Fastdfs上的图片,和Nginx结合。5.Nginx从Fastdfs获得的图片,需要使用缩略图。a.在不需要缩略图,小图的情况下,可以使用原图。b.需要缩略图的情况下,指定目标宽度和高度,获得指定宽度和高度的缩略图。关键的几个参考资料1.安装成功的nginx如何添加未编译安装模块http://原创 2015-11-06 15:22:36 · 4618 阅读 · 0 评论 -
图片上传-下载-删除等图片管理的若干经验总结2
今天再次思考了下图片上传,觉得昨天的有个细节存在问题。昨天在码代码的时候,没有去考虑删除临时文件的问题。今天,想增加删除临时文件,发现昨天的代码就有问题了。上次提到:class PhotoBean { //将要删除的,通常是数据库中的 public List toDelete; //将要更新的,都在数据库中,部分最新内容来源于web前端 public List toUpdate; //将要增加的,原创 2015-10-27 11:12:35 · 1592 阅读 · 0 评论 -
详细阐述Web开发中的图片上传问题
Web开发中,图片上传是一种极其常见的功能。但是呢,每次做上传,都花费了不少时间。 一个“小功能”花费我这么多时间,真心不愉快。 So,要得认真分析下原因。1.在最初学习Java Web开发的时候,经验不足,属于能力问题,比如对技术认识不到位。2.图片上传是一类问题,而不是一个问题。 比如,大家都会做饭,但每个人自己做饭是有不同的。做了一个人吃、一家人吃、喜事待客做好几桌,是不同的问原创 2015-01-15 19:55:20 · 4214 阅读 · 0 评论 -
图片上传代码-旧的实现方式,项目中已删除,发表做备用
项目中的图片上传,经过了3个阶段。1.实现单个图片的上传。2.实现多个图片的上传。 为了兼容和更多的适应性,统一采用多个图片上传的接口。 3.简化多个图片的上传。 前端代码和后端Controller代码,都做到复用。 下面的代码是,单个图片和多个图片的上传。 前端图片上传用的是WebUploader/** * 图片上传控制器 *///@Controller@Deprecate原创 2015-03-17 21:21:44 · 1859 阅读 · 0 评论 -
图片上传-下载-删除等图片管理的若干经验总结3-单一业务场景的完整解决方案
这次完整地介绍图片上传的完整解决方案,如有bug,后续再补充。一、图片表CREATE TABLE `photo` ( `id` bigint(10) unsigned NOT NULL AUTO_INCREMENT, `bizid` bigint(11) NOT NULL DEFAULT '-1' COMMENT '业务id,比如项目的id', `cover` int(11) DEFA原创 2015-10-27 11:51:31 · 2177 阅读 · 0 评论 -
百度UEditor图片上传、SpringMVC、Freemarker、Tomcat、Nginx、静态资源
个人官网、公司项目都需要 可视化编辑器,百度UEditor做得很不错,就用的这个。项目后台用到了SpringMVC、Freemarker,开发过程中部署在Jetty,线上部署用Tomcat,最后可能配置Nginx代理。 在实际使用过程中,遇到了太多的问题,因此有必要梳理和总结下。1. 先说百度UEditor在Java环境中的使用:1.1 Html页面或者Freemarker模版里,引入原创 2014-11-23 22:29:13 · 6559 阅读 · 0 评论 -
百度UEditor上传图片-再总结一次
晚上,在继续开发BriefCMS,把百度UEditor上传图片的问题,给解决了,终于解决了。 公司极简版CMS、BriefCMS、个人官网,最近2个月,与百度UEditor厮杀了好久。最值得吐槽的,就是百度UEditor的上传图片功能,感觉不够简便。 百度UEditor官方,在JSP场景下的应用,太简单了。对我以前写的项目来说,还可以。 对于最近的3个项目来说,就不灵活了。原创 2014-12-09 23:13:10 · 2465 阅读 · 0 评论 -
图片上传5-多个图片上传,独立项目Demo和源码
图片上传,一次性可以上传多个图片,每个图片可以有名字、URL、排序、备注等字段。这是区别于使用百度WebUploader等多图上传工具的地方。项目相关图片Jar包管理:Maven用到的框架:SpringMVC、Spring、Mybatis、Freemarker、Log4j等入口文件:web.xml配置Spring的DispatcherServlet和SpringMybatis整合的spring-m原创 2015-11-03 14:13:49 · 2796 阅读 · 2 评论 -
图片上传4-bug修复
bug1:显示图片的时候,需要判断url是否为空 id="${photo.id}-img" src="${zhaorongbaoFileUrl}/${photo.url}" path="${photo.url}" height="200px"> id="${photo.id}-img" src="" path="" height="200px">原创 2015-10-27 15:23:24 · 1662 阅读 · 0 评论 -
Centos安装FastDFS+Nginx(一天时间搞定)
最近在研究和使用Fastdfs,别人搭的环境,终究是别人的,绝知此事要躬行~躬行啊~ 下面的脚本主要参考了官方的INSTALL文件,这个是比较权威的,部分地方和实际情况不一致。比如配置文件的名字,Fastdfs的安装位置。一、下载 https://github.com/happyfish100/fastdfs fastdfs-5.05.zip https://github.com原创 2015-10-29 16:23:06 · 4220 阅读 · 5 评论 -
图片上传-下载-删除等图片管理的若干经验总结
图片上传功能很常见,很多人都觉得这个功能很简单,随着要求的提高,这个图片小系统也真是复杂啊。 需求1: 上传,未了达到“大容量存储”、“负载均衡”、“性能好”,“有技术含量”等装逼需求,采用了Fastdfs。 注:FastDFS是一个开源的轻量级分布式文件系统,它对文件进行管理。 功能包括:文件存储、文件同步、文件访问(文件上传、文件下载)等,解决了大容量存储和负载均衡原创 2015-10-26 15:28:26 · 3629 阅读 · 2 评论 -
百度UEditor上传图片-再再总结一次
本周,CSDN有个网友遇到了百度UEditor上传问题,最后商定付50元钱,我帮他解决这个问题。 他最初想自己搞定这个问题,结果搞了好多次,好几天,还是没能解决。 2015年1月17日8:25~2015年1月18日00:24,4个小时终于搞定了这个问题。 1.总的感悟 本来预计1个小时,就能解决的,结果硬是花费了4个小时,挺无奈的。 虽说是帮客户解决一个问题,但实际上一个问题相关原创 2015-01-18 01:39:51 · 4359 阅读 · 2 评论