实现方式 上传图片 -- 保存并显示图片 -- JS获取缩略图参数 -- 提交位置参数 -- 图片缩放保存类处理图片 -- 保存截取的图片--更新数据库 -- 跳转
上几张截图 以下是实例截图
主要的实现代码
源代码下载地址: 点击下载 其他的自己去完善了,运行需要TP框架请访问 http://www. 下载,然后下载扩展包,因为用到Upload类!
//------------------------------------------------------------------------------------------------ 20100321更新 修改了图片 定位到中心 增加了用户体验功能,本功能有 阿粪 同学所写,在此表示感谢呵呵,还要感谢原来JS的作者 具体修改如下: 文件路径/tpl/default/index/cutimg.html
imageresize(flag) 函数内最后一行添加 rePosition();//新增 266行 grip_Drag(clientX, clientY) 函数内最后一行添加 文件尾部添加
//重新定位图片位置 function rePosition(){ cut_img.style.left = Math.round(divx/2 - (divx/2-oldMoveLeft)*zoom/oldzoom) + "px"; cut_img.style.top = Math.round((divy/2+oldMoveTop)*zoom/oldzoom - divy/2) + "px"; }
再次感谢阿粪同学!呵呵! |
|