和开心网一样的头像上传截图

      要做用户头像上传,觉得开心网那种方式很好,在网上疯狂搜索,还真找到了,不过是.net版和PHP版的,.net就不看了,一窍不通,把PHP版的改成JAVA版的。前台都是一样的,通过JS获得缩放后的图片长宽和截图的右上点坐标。后台通过这些参数进行图片缩放和切割。
    开始是想在上传前用本地的图片做预览,做的时候用IE做测试,结果完成后发现FF居然不支持本地图片预览。又是一顿狂改。。。。。
    基本思路是这样的:首先用户上传图片(异步上传,通过IFRAME方式实现),把图片保存在临时文件夹,然后回调callback()方法初始化实现选择图片裁截区域的DIV以及里面的东西(需要在后台把上传图片的路径,宽度,长度传回callback()的参数,因为在IE下改变图片的SRC后获取图片的长宽居然没有变化,只能重新设定长宽了)。
    然后在页面上拖动图片选择要截取的区域以获得参数,提交,在后台对之前上传的图片进行缩放和切割。


/Files/jarrywin/imagecut.rar
posted on 2009-09-18 23:16  三角板  阅读(2825)  评论(0编辑  收藏  举报