一种基于web端的图片传送的方法、装置及系统的利记博彩app
【技术领域】
[0001]本发明涉及互联网技术领域，特别涉及一种基于WEB端的图片传送的方法、装置及系统。
【背景技术】
[0002]无线网络技术经过近几年的发展，越来越多的web应用需要对本地图片文件进行读取。
[0003]传统上传图片首先创建一个表单并设定其属性，之后将该表单提交给服务器，接着打开本地图像文件，向服务器发出请求，服务器响应请求后，系统在该响应时间段内，屏蔽其他操作，只用于将该图片上传服务器后，由服务器提供给WEB端。
[0004]由此可见，当前WEB应用开发过程中，使用最多的图片上传方式还是利用传统表单结合flash上传组件的方式来上传图片文件，这种方式不利于用户交互，并且增加了开发任务。
[0005]如何使图片的上传具有便捷性和交互性，是当前亟待解决的问题。
【发明内容】
[0006]本发明提供一种基于WEB端的图片传送的方法、装置及系统，用以将本地图片文件无插件上传。
[0007]本发明提供一种基于WEB端的图片传送的方法，包括:获取图像文件信息；将所述图像文件信息转化为二进制信息流；将所述二进制信息流异步传输到一目标服务器。
[0008]其中，获取图像文件信息之前，还包括:在所述WEB端生成任务表单。
[0009]其中，所述WEB端生成任务表单至少包括选择文件和上传文件项目信息。
[0010]其中，将所述二进制信息流异步传输到一目标服务器之前，包括:向目标服务器发送传输请求信息；其中将所述二进制信息流异步传输到一目标服务器为所述目标服务器响应所述传输请求信息后，将所述二进制信息流异步传输到所述目标服务器。
[0011 ] 其中，将所述二进制信息流异步传输到一目标服务器之后，包括:在所述WEB端设置用于显示当前所述图像文件信息上传进度的状态区。
[0012]本发明还提供一种基于WEB端的图片传送的装置，包括:文件获取模块，用于获取图像文件信息；数据处理模块，用于将所述图像文件信息转化为二进制信息流；传输模块，用于将所述二进制信息流异步传输到一目标服务器。
[0013]进一步，该装置还包括:任务表单生成模块，用于在所述WEB端生成任务表单。
[0014]其中，所述任务表单生成模块包括:选择文件单元，用于执行获取图像文件信息的任务；上传文件单元，用于执行上传图像文件信息的任务。
[0015]进一步，该装置还包括:状态区模块，用于在所述WEB端设置用于显示当前所述图像文件信息上传进度的状态区。
[0016]本发明还提供一种基于WEB端的图片传送的系统，包括上述任一所述的装置。
[0017]通过将图片文件信息转变为二进制信息流，以此异步传输到一目标服务器，从而能够利用浏览器本身自带的FILE文件表单结合JAVASCRIPT FILES对象实现本地文件无插件上传，有效利用了浏览器终端功能实现开发目标，从而使基于WEB端实现图片的直观传送，增强了使用者的使用体验。
[0018]本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
[0019]下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
【附图说明】
[0020]附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中:
[0021]图1为本发明实施例提供的一种基于WEB端的图片传送的方法的流程示意图；
[0022]图2为本发明另一实施例提供的一种基于WEB端的图片传送的方法的流程示意图；
[0023]图3为本发明实施例提供的一种基于WEB端的图片传送的装置的结构示意图；
[0024]图4为本发明实施例提供的一种基于WEB端的图片传送的装置的另一结构示意图。
【具体实施方式】
[0025]以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
[0026]参见图1和图2，本发明提供一种基于WEB端的图片传送的方法，包括以下步骤:
[0027]S100:在WEB端获取图像文件信息；
[0028]基于WEB端，查找存储于本地的图像文件，获取该图像文件信息。
[0029]可在WEB端创建一个任务表单(INPUT FILE表单)，该任务表单中有两个项目，其中一个是选择文件，另一个是上传。使用INPUT FILE表单
[0030]点击选择文件项目条时，查找并打开存储在本地的图像文件，获取该图像文件的数据信息。
[0031]S200:将所述图像文件信息转化为二进制信息流；
[0032]将所述图像文件的数据信息转化为二进制信息流，例如，通过调用页面中UPLOAD方法，利用JAVASCRIPT创建一个new FormData()文件流对象，包裹文件，从而将所述图像文件的数据信息转化为二进制信息流文件。
[0033]S300:将所述二进制信息流异步传输到一目标服务器。
[0034]向目标服务器发送传输请求，目标服务器响应该请求后，将所述二进制信息流异步传输到所述目标服务器。
[0035]在本示例中，利用JAVASCRIPT内置的new XMLHttpRequest ()方法，发送一个HTTP异步POST请求，此时JAVASCRIPT创建的异步HTTP请求将所述图像文件流发送到目标服务器
[0036]优选地，可在下面的设置的状态区块中显示当前的上传进度。
[0037]通过将图片文件信息转变为二进制信息流，以此异步传输到一目标服务器，从而能够利用浏览器本身自带的FILE文件表单结合JAVASCRIPT FILES对象实现本地文件无插件上传，有效利用了浏览器终端功能实现开发目标，从而使基于WEB端实现图片的直观传送，增强了使用者的使用体验。
[0038]参见图3，本发明的另一实施例提供一种基于WEB端的图片传送的装置，包括:
[0039]文件获取模块400，用于获取图像文件信息；
[0040]数据处理模块500，用于将所述图像文件信