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

权利要求书

1.一种图片裁剪方法，其特征在于，所述方法包括以下步骤：

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

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

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

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

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

所述步骤S1具体包括：

通过本地存储的网页标签，读取需要上传的原始图片文件，其中，所述网页标签基于HTML4.0标准；

利用iframe标签，将需要上传的原始图片文件生成一个form表单，以form表单的形式将原始图片文件上传给服务器。

2.如权利要求1所述的一种图片裁剪方法，其特征在于，所述步骤S4具体包括：

根据用户在所述设计界面上的选框截取获得选框区域的左上角坐标和选框区域的宽度和高度，以及获取通过设计界面设置的原始图片裁剪后的显示尺寸，并将所述选框区域的左上角坐标、选框区域的宽度和高度、以及原始图片裁剪后的显示尺寸发送给服务器。

3.如权利要求2所述的一种图片裁剪方法，其特征在于，所述步骤S3还包括：

若对应的原始图片的尺寸大于预设尺寸，则先将原始图片按照预设比例进行缩放后，再将缩放后的图片显示于设计界面；

所述步骤S4中选框区域的左上角坐标和选框区域的宽度和高度为通过对缩放后的原始图片进行选框截取后获得的。

4.如权利要求3所述的一种图片裁剪方法，其特征在于，所述步骤S4还包括：

根据所述预设比例，将获取的选框区域的左上角坐标和选框区域的宽度和高度还原为未缩放前的原始图片对应的选框区域的左上角坐标和选框区域的宽度和高度，并将其发送给服务器。

5.如权利要求1所述的一种图片裁剪方法，其特征在于，所述步骤S5还包括：

将存储原始图片的图片临时存放目录以及存放的原始图片删除。

6.一种图片裁剪系统，其特征在于，所述系统包括客户端和服务器；

所述客户端包括：

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

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

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

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

所述服务器包括：

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

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

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

所述图片上传模块进一步包括：

读取单元，用于通过本地存储的网页标签，读取需要上传的原始图片文件，其中，所述网页标签基于HTML4.0标准；

表单生成单元，用于利用iframe标签，将需要上传的原始图片文件生成一个form表单；

所述图片上传模块以form表单的形式将原始图片文件上传给服务器。