WEB开发网
开发学院网页设计JavaScript jQuery + HttpHandler 实现图片裁剪(适用于论坛, ... 阅读

jQuery + HttpHandler 实现图片裁剪(适用于论坛, SNS)

 2010-09-14 13:46:17 来源:WEB开发网   
核心提示:序言:上次发了几个jQuery的插件和些心得, 很多园友(也许是自己站上的)发邮件希望能提供更多的源码, 正好这次有个同学希望在自己的坛子上挂个图片裁剪以生成头像的功能, 于是帮忙写了这么个插件.也许很多园友用得着, 就一并发上来啦.正文:为了使层次分明及便于阅读, 整个解决方案如下:其中BitmapCutter.Co

序言:

上次发了几个jQuery的插件和些心得, 很多园友(也许是自己站上的)发邮件希望能提供更多的源码, 正好这次有个同学希望在自己的坛子上挂个图片裁剪以生成头像的功能, 于是帮忙写了这么个插件.也许很多园友用得着, 就一并发上来啦.

正文:

为了使层次分明及便于阅读,  整个解决方案如下:

jQuery + HttpHandler 实现图片裁剪(适用于论坛, SNS)

其中BitmapCutter.Core是图片的服务器端处理程序, 类图为:

jQuery + HttpHandler 实现图片裁剪(适用于论坛, SNS)

简单说明下, 更多说明可查看源码注释 :

Cutter为裁剪对象, 用于存储客户端通过AJAX提交的数据.

Helper为图片处理类, 包括图片翻转(RotateImage()), 图片裁剪(GenerateBitmap()).

Callback为服务器端图片处理类, 通过使用Cutter封装客户端AJAX提交的数据, 然后调用Helper中的方法来完成图片处理.

BitmapScissors是一个HttpHandler, 通过客户端返回的 'action' 来调用Callback中的方法:

jQuery + HttpHandler 实现图片裁剪(适用于论坛, SNS)

图片看不清楚?请点击这里查看原图(大图)。

1 2 3 4 5 6  下一页

Tags:jQuery HttpHandler 实现

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接