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

摘要

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

主权项

1.一种图片裁剪方法，其特征在于，所述方法包括以下步骤：S1、从本地选择需要上传的原始图片文件，并上传至服务器；S2、服务器将接收到的原始图片文件存储于图片临时存放目录，并将图片临时存放地址返回给客户端；S3、客户端根据所述图片临时存放地址进行访问，并将对应的原始图片显示于设计界面；S4、客户端根据用户在所述设计界面上的选框截取获得需要裁剪的图片区域，以及获得设置的原始图片裁剪后的显示尺寸，并将需要裁剪的图片区域和裁剪后的显示尺寸以参数的形式发送给服务器；S5、服务器根据需要裁剪的图片区域和裁剪后的显示尺寸，对原始图片进行裁剪和缩放处理，得到目标图片并存储，且将目标图片的存放地址返回给客户端，以供客户端根据目标图片的存放地址访问并显示裁剪处理后的目标图片；所述步骤S1具体包括：通过本地存储的网页标签，读取需要上传的原始图片文件，其中，所述网页标签基于HTML4.0标准；利用iframe标签，将需要上传的原始图片文件生成一个form表单，以form表单的形式将原始图片文件上传给服务器。