[发明专利]图片传输方法及系统

说明书

技术领域

本发明涉及通信技术领域，更具体地，涉及一种图片传输方法及系统。

背景技术

在通信技术领域，随着移动互联网技术的发展，基于html5开发的移动软件(App)成爆炸式增长，移动软件对图片处理，传输的技术要求越来越来高，如何提高图片的传输速率，在保证图片的清晰度的情况下，尽量减少客户端移动流量的消耗。成为影响移动软件用户体验的重要因素。目前常见的基于浏览器的图片上传方法主要有Flash方法，ActiveX方法，普通的iframe Form方法等。

发明人发现，上述这些图片上传方法有的开发成本高，实现难度大，有的还需要服务端进行特殊处理，有的虽然图片处理能力强，但是库很重，兼容性不好。因此，有必要开发一种图片传输快、占用带宽低、耗费流量小的图片传输方法及系统。

公开于本发明背景技术部分的信息仅仅旨在加深对本发明的一般背景技术的理解，而不应当被视为承认或以任何形式暗示该信息构成已为本领域技术人员所公知的现有技术。

发明内容

本发明提出了一种图片传输方法及系统，其能够通过利用画布技术裁剪、压缩图片，并获取图片的编码信息，再进行解码，封装成二进制大对象，添加到表单数据，通过AJAX技术异步上传图片数据，并在服务端接收二进制流，缓存图片，并用文件的MD5值重命名文件，提高图片上传速率，减少客户端流量消耗，改善了客户端用户体验。

根据本发明的一方面，提出了一种图片传输方法。所述方法可以包括：选定图片文件，获取原始图像；裁剪所述原始图像，获得目标图像；压缩所述目标图像，获取压缩后目标图像的编码信息；解码所述编码信息，将其转为二进制数据，并创建二进制大对象；以及创建表单数据，添加所述二进制大对象，完成图片上传。

根据本发明的另一方面，提出了一种图片传输系统，所述系统可以包括：用于选定图片文件，获取原始图像的单元；用于裁剪所述原始图像，获得目标图像的单元；用于压缩所述目标图像，获取压缩后目标图像的编码信息的单元；用于解码所述编码信息，将其转为二进制数据，并创建二进制大对象的单元；以及用于创建表单数据，添加所述二进制大对象，完成图片上传的单元。

本发明的方法和装置具有其它的特性和优点，这些特性和优点从并入本文中的附图和随后的具体实施例中将是显而易见的，或者将在并入本文中的附图和随后的具体实施例中进行详细陈述，这些附图和具体实施例共同用于解释本发明的特定原理。

附图说明

通过结合附图对本发明示例性实施例进行更详细的描述，本发明的上述以及其它目的、特征和优势将变得更加明显，其中，在本发明示例性实施例中，相同的参考标号通常代表相同部件。

图1示出了根据本发明的图片传输方法的步骤的流程图。

具体实施方式

下面将参照附图更详细地描述本发明。虽然附图中显示了本发明的优选实施例，然而应该理解，可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了使本发明更加透彻和完整，并且能够将本发明的范围完整地传达给本领域的技术人员。

实施例1

图1示出了根据本发明的图片传输方法的步骤的流程图。

在该实施例中，根据本发明的图片传输方法可以包括：步骤101，选定图片文件，获取原始图像；步骤102，裁剪所述原始图像，获得目标图像；步骤103，压缩所述目标图像，获取压缩后目标图像的编码信息；步骤104，解码所述编码信息，将其转为二进制数据，并创建二进制大对象；以及步骤105，创建表单数据，添加所述二进制大对象，完成图片上传。

该实施例通过裁剪、压缩图片，并获取图片的编码信息，再进行解码，封装成二进制大对象，添加到表单数据，提高了图片上传速率，减少客户端流量消耗，改善了客户端用户体验。

下面详细说明根据本发明的图片传输方法的具体步骤。

获取原始图像

在一个示例中，根据本发明的图片传输方法可以包括：选定图片文件，获取原始图像。优选地，可以客户端定义表单控件，设置文件和图像类型，选定图片文件后，读取所述图片文件内容，生成嵌入的图像，得到所述嵌入的图像的原始宽度和高度。

可以在客户端定义表单控件，设置文件和图像类型，选定图片文件后，读取所述图片文件内容，生成嵌入的图像(image对象)，得到所述嵌入的图像的原始宽度(naturalWidth)和高度(naturalHeight)。