目前很多网站都允许用户上传自己的图像,而编辑工具多为flash来实现,而我用javascript来实现,功能包括预览、缩放以及拖动等。前段用html,css加js,后端使用ImageMagicK来进行图片处理,为了方便运行deom程序,里面上传文件以及最终的图片裁减是用jsp来实现的,当然可以使用别的,以前曾经使用php来完成这两个功能,如果真正在java项目中,实现起来更加容易(因为本人一直从事java开发,呵呵)。不多说了,看效果图。如果想要运行demo的话,请把压缩包useravtar.rar,解压到tomcat_home/webapps下,启动tomcat即可,请不要修改应用的名称及useravtar,如果必须修改的,请同时修改avtar.js中定义的变量appName是其保持一致,启动tomcat,输入http://localhost:port/useravtar,应该就可以看到结果了。
哦,对了,需要装ImagemagicK这个软件,看看你们系统是否安装了!
[img]http://dl.iteye.com/upload/attachment/196554/d3128755-86c6-398b-b147-03b969db3420.png[/img]
[img]http://dl.iteye.com/upload/attachment/196568/a484e141-4fea-3d7e-97a5-5b86464c57aa.png[/img]
[img]http://dl.iteye.com/upload/attachment/196558/634b77ee-3647-3a99-805d-d98c389e04cb.png[/img]
哦,对了,需要装ImagemagicK这个软件,看看你们系统是否安装了!
[img]http://dl.iteye.com/upload/attachment/196554/d3128755-86c6-398b-b147-03b969db3420.png[/img]
[img]http://dl.iteye.com/upload/attachment/196568/a484e141-4fea-3d7e-97a5-5b86464c57aa.png[/img]
[img]http://dl.iteye.com/upload/attachment/196558/634b77ee-3647-3a99-805d-d98c389e04cb.png[/img]