[发明专利]一种图片裁剪方法及裁剪系统

说明书

本发明公开了一种图片裁剪方法及裁剪系统，所述方法包括：从本地选择需要上传的原始图片文件上传至服务器；服务器将接收到的原始图片文件存储于图片临时存放目录，并将图片临时存放地址返回给客户端；客户端根据所述图片临时存放地址进行访问，并将对应的原始图片显示于设计界面；根据用户的选框截取获得需要裁剪的图片区域，以及获得设置的原始图片裁剪后的显示尺寸，并以参数的形式发送给服务器；服务器对原始图片进行裁剪和缩放处理，得到目标图片并存储，且将目标图片的存放地址返回给客户端，以供客户端显示裁剪处理后的目标图片。通过本发明，能够兼容所有浏览器的图片裁剪工具，且存在图片路径跨域时，也不影响裁剪工具的使用。

技术领域

本发明涉及图片处理技术领域，具体涉及一种图片裁剪方法及裁剪系统。

背景技术

目前基于web的图片裁剪方法，大多数是基于html 5新技术做图片处理的裁剪，但使用此种方式有以下两个问题：

1、不能兼容所有的浏览器，如IE6，IE7，IE8这些不支持html 5新的扩展标签的浏览器。

2、在支持html新特性的浏览器中使用时，涉及到图片路径跨域时(即图片在服务器上，而非在客服端本地)，不能正常的做到裁剪的处理。

发明内容

本发明所要解决的技术问题是提供一种图片裁剪方法及裁剪系统，能够解决现有技术的缺点。

本发明解决上述技术问题的技术方案如下：

一方面，本发明提供了一种图片裁剪方法，所述方法包括：

S1、从本地选择需要上传的原始图片文件，并上传至服务器；

S2、服务器将接收到的原始图片文件存储于图片临时存放目录，并将图片临时存放地址返回给客户端；

S3、客户端根据所述图片临时存放地址进行访问，并将对应的原始图片显示于设计界面；

S4、客户端根据用户在所述设计界面上的选框截取获得需要裁剪的图片区域，以及获得设置的原始图片裁剪后的显示尺寸，并将需要裁剪的图片区域和原始图片裁剪后的显示尺寸以参数的形式发送给服务器；

S5、服务器根据需要裁剪的图片区域和裁剪后的显示尺寸，对原始图片进行裁剪和缩放处理，得到目标图片并存储，且将目标图片的存放地址返回给客户端，以供客户端根据目标图片的存放地址显示裁剪处理后的目标图片。

另一方面，本发明提供了一种图片裁剪系统，所述系统包括客户端和服务器；

所述客户端包括：

图片上传模块，用于从本地选择需要上传的原始图片文件，并上传至服务器；

显示模块，用于根据所述图片临时存放地址进行访问，并将对应的原始图片显示于设计界面；

获取模块，用于根据用户在所述设计界面上的选框截取获得需要裁剪的图片区域，以及获得设置的原始图片裁剪后的显示尺寸；

发送模块，用于将需要裁剪的图片区域和原始图片裁剪后的显示尺寸以参数的形式发送给服务器；

所述服务器包括：

第一存储模块，用于将接收到的原始图片文件存储于图片临时存放目录，并将图片临时存放地址返回给客户端；

处理模块，用于根据需要裁剪的图片区域和裁剪后的显示尺寸，对原始图片进行裁剪和缩放处理，得到目标图片；

第二存储模块，用于存储所述目标图片，且将目标图片的存放地址返回给客户端，以供客户端根据目标图片的存放地址显示裁剪处理后的目标图片。