CN106021612A - 一种图像处理方法、装置及设备 - Google Patents

Abstract

本申请提供一种图像显示方法、装置及设备，所述方法包括：浏览器接收用户通过终端输入的操作指令；所述浏览器根据所述操作指令获取所述终端上的数据文件和脚本代码；所述浏览器利用所述脚本代码对所述数据文件进行解析，得到图像数据；所述浏览器将所述图像数据显示在所述浏览器的页面上。本申请实施例中，浏览器按照用户操作指令，从本地获取数据文件和脚本代码，利用脚本代码对数据文件进行解析，从而得到图像数据，然后将该图像数据显示在浏览器页面上。也就是说，本实施不用将数据文件上传到服务器上进行解析，也无需用户连接网络才可以实现对图像数据的浏览，为户更浏览图像数据提供了极大的便利和安全。

Description

一种图像处理方法、装置及设备

技术领域

本申请涉及网络技术，特别涉及一种图像处理方法、装置及设备。

背景技术

传统的浏览器都是用特定的开发语言设计的，与操作系统绑定的比较紧密，无法跨平台运行，如果想读取存在终端光盘中的医学数字成像和通信(DICOM，Digital Imaging and Communications in Medicine)图像，必须依赖于额外的第三方软件才能实现；或者是将DICOM图像上传到服务器上进行解析后才能读取。也就是说，现有的浏览器必须借助于第三方软件或将DICOM图像上传到服务器解析后，才能读取DICOM图像，这对于用户浏览DICOM图像提供极大的不便和安全隐患。

因此，在安全情况下，用户通过浏览器如何方便的浏览DICOM图像是目前有待解决的问题。

发明内容

有鉴于此，本申请实施例提供一种图像处理方法及装置，以解决现有技术中，用户通过浏览器浏览DICOM图像需要借助于第三方软件或上传到服务器解析后才能浏览，导致用户浏览DICOM图像不便和安全隐患问题。

具体地，本申请是通过如下技术方案实现的：

第一方面提供一种图像显示方法，包括：

浏览器接收用户通过终端输入的操作指令；

所述浏览器根据所述操作指令获取所述终端上的数据文件和脚本代码；

所述浏览器利用所述脚本代码对所述数据文件进行解析，得到图像数据；

所述浏览器将所述图像数据显示在所述浏览器的页面上。

第二方面提供一种图像显示装置，包括：

接收单元，用于接收用户通过终端输入的操作指令；

第一获取单元，用于根据所述操作指令获取所述终端上的数据文件和脚本代码；

第一解析单元，用于利用所述脚本代码对所述数据文件进行解析，得到图像数据；

显示单元，用于将所述图像数据显示在所述浏览器的页面上。

第三方面提供一种图像处理器设备，包括：处理器，以及用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为：

接收用户通过终端输入的操作指令；

根据所述操作指令获取所述终端上的数据文件和脚本代码；

利用所述脚本代码对所述数据文件进行解析，得到图像数据；

将所述图像数据显示在浏览器的页面上。

本申请实施例中，浏览器按照用户操作指令，从本地获取数据文件和脚本代码，然后，利用脚本代码对数据文件进行解析，从而得到图像数据，然后将该图像数据显示在浏览器页面上。也就是说，本申请实施例不用将数据文件上传到服务器上进行解析，也无需用户连接网络才可以实现对图像数据的浏览，不但方便了用户浏览图像数据，而且也保证了图像数据的安全性。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。

附图说明

图1是本申请实施例提供的一种图像显示方法的流程图；

图2是本申请实施例提供的一种图像显示方法的另一流程图；

图3是本申请实施例提供的图像显示装置所在设备的一种硬件结构图；

图4是本申请实施例提供的一种图像显示装置的结构示意图；

图5是本申请实施例提供的一种图像显示装置的另一结构示意图；

图6是本申请实施例提供的一种图像显示装置的另一结构示意图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

在本申请使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请。在本申请和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本申请可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本申请范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

请参阅图，图1是本申请实施例提供的一种图像显示方法的流程图；所述方法包：

步骤101：浏览器接收用户通过终端输入的操作指令；

该步骤中，操作指令为用户通过浏览器打开终端(即本地系统)上数据文件的指令。其中，本实施例中浏览器为支持脚本代码(JS,JavaScript)运行的浏览器，比如，DICOM浏览器等。

步骤102：所述浏览器根据所述操作指令获取所述终端上的数据文件和脚本代码；

该步骤中，用户根据操作指令，选择并获取该终端上的数据文件和脚本代码，该实施例中，一种获取方式为通过FileReader接口来获取该终端上的数据文件和脚本代码。

需要说明的是，本实施例中，数据文件和脚本代码可以是预先存储在该终端上，可以是刻录在光盘上等，即根据操作指令通过浏览器读取光盘上的数据文件和脚本代码。

需要说明是，脚本代码是预先编写的，该脚本代码用来实现图像的解析、显示、操作和测量。通常情况下，将脚本代码和图像均刻录到光盘上。比如，用户可以通过浏览器打开html5，读取对应光盘上的DICOM文件和脚本代码。

步骤103：所述浏览器利用所述脚本代码对所述数据文件进行解析，得到图像数据；

其中，本实施例中的图像数据，可以是DICOM图像数据，也可以是多媒体印刷阅读(MPR，Multimedia Print Reader)出版物数据和3D数据。当然，也可以是其他图像数据，本实施例不作限制。

一种解析方式为：

首先，所述浏览器利用所述脚本代码先读取所述为数据文件上的头部信息和所有字段上的内容；其具体过程为：

先读取数据文件上的头部信息，该头部信息为固定的头部信息，即数字成像技术或者数字图像技术(DICM，Digital Image Correlation Method)；然后，读取每个字段上的内容；首选，先读取类型，长度；并通过长度确定字段大小，最后，将读取的内容作为字段的内容，然后读取下一个字段，直到读取完毕所有的字段内容。

其次，所述浏览器从所述内容中获取与图像显示相关的图像信息；其中，所述图像信息；包括图像宽高、数据位数、窗宽(W)、窗位(L)、斜率(k)、截距(b)等；然后将所述信息转为有效数值，并存储该有效数值。

再次，所述浏览器按照所述图像信息从所述内容中获取图像数据；

最后，所述浏览器对得到的所述图像数据进行窗宽窗位映射，生成适合页面显示的图像数据；具体包括：

1)根据图像信息中的斜率(k)和截距(b)，按照公式：Value＝k*P+b进行转换，获取真实的各个像素点的数据值；其中，Value为真实像素值，P为图像中存储的像素值。这对于本领域技术人员来说，已是熟知技术，在此不再赘述。

2)根据图像信息中的窗宽(W)和窗位(L)来获取各个图像点需要显示的灰度值，其中，具体可以通过公式：DisplayGrayScale＝(Value-L)*255/W来获取，该公式中，DisplayGrayScale为显示灰度值，显示灰度值的最大值为255，最小值为0；W为窗宽，L为窗位。这对于本领域技术人员来说，也是熟知技术，在此不再赘述。

3)使用HTML5提供的API接口，根据宽高和显示数据生成位图(Bitmap)，即图像数据。

需要说明的是，对图像数据进行窗宽窗位映射，生成适合页面显示的图像数据对于本领域技术人员来说，已是熟知技术，在此不再赘述。

步骤104：所述浏览器将所述图像数据显示在所述浏览器的页面上。

该步骤中，基于上述实现过程，所述浏览器将生成的适合页面显示的图像数据显示在所述浏览器的页面上；即将位图(Bitmap)绘制到Canvas上面进行显示。

本申请实施例中，浏览器按照用户操作指令，从本地获取数据文件和脚本代码，然后，利用脚本代码对数据文件进行解析，从而得到图像数据，然后将该图像数据显示在浏览器页面上。也就是说，本申请实施例不用将数据文件上传到服务器上进行解析，也无需用户连接网络才可以实现对图像数据的浏览，不但方便了用户浏览图像数据，而且也保证了图像信息的安全性。

还请参阅图2，为本申请实施例提供的一种图像显示方法的另一流程图，所述方法包括：

步骤201：浏览器接收用户通过终端输入的操作指令；

步骤202：所述浏览器根据所述操作指令获取所述终端上的数据文件和脚本代码；

步骤203：所述浏览器检测所述终端是否处于联网状态；如果否，执行步骤204和步骤207；如果是，执行步骤205至步骤207；

该实施例中，在检测到终端与网络连接的情况下，可以从网络侧的服务器获取最新版本的JS解析代码来运行，以便于用户方便的使用不断升级的新版本软件来解析数据文件。

步骤204：所述浏览器利用所述脚本代码对所述数据文件进行解析，得到图像数据；

步骤205：所述浏览器从网络侧获取新版脚本代码，并更新本地的所述脚本代码；

步骤206：所述浏览器利用获取的新版脚本代码对所述数据文件进行解析，得到图像数据；

步骤207：所述浏览器将所述图像数据显示在所述浏览器的页面上。

该实施例中，步骤201、步骤202，步骤204以及步骤207与上述步骤101至步骤104同，具体详见上述，在此不再赘述。

本申请实施例中，浏览器按照用户操作指令，从本地获取数据文件和脚本代码，然后，检测终端的联网状态，如果没有联网，利用获取的脚本代码对数据文件进行解析，从而得到图像数据，如果联网，则从网络侧获取新版脚本代码，然后利用新版脚本代码对数据文件进行解析，从而得到图像数据；最后，将该图像数据显示在浏览器页面上。也就是说，本申请实施例不用将数据文件上传到服务器上进行解析，也无需用户连接网络才可以实现对图像数据的浏览，但是，在联网的状态下，可以获取新版脚本代码，即升级原来的脚本代码，为户更浏览DICOM图像提供了极大的便利和安全。

在另一实施例中，该实施例在上述实施例的基础上，在显示图像数据后，所述方法还可以包括：检测所述用户通过终端输入操作指令的输入方式；根据所述输入方式利用绘图工具调整显示的所述图像数据。

也就是说，该实施例中，用户通过浏览器选择系统中的DICOM文件(DICOM文件为数据文件的一种)，然后使用FileReader接口来读取DICOM文件的内容；之后，按照DICOM的标准对内容进行解析，获取所有的图像信息以及图像数据；在该实施例中，可以直接将图像数据显示在浏览器的页面上，也可以将图像数据进行窗宽窗位映射，产生适合页面显示的图像数据，然后，利用Canvas接口将图像数据呈现到浏览器的页面上。其具体可以采用利用图像操作和相关的测量工具，使用html5提供的画图工具来实现，将图像信息呈现到Canvas上面。图像数据显示之后，浏览器可以检测用户的鼠标和键盘操作，根据用户选择的操作，调整图像数据的显示和对应的测量信息，从而实现与用户的交互。

与前述图像显示方法的实施例相对应，本申请还提供了图像显示装置的实施例。

本申请图像显示装置的实施例可以应用在设备上。装置实施例可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。以软件实现为例，作为一个逻辑意义上的装置，是通过其所在设备的处理器将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。从硬件层面而言，如图3所示，为本申请实施例提供的图像显示装置所在设备的一种硬件结构图，除了图3所示的处理器、内存、网络接口、以及非易失性存储器之外，实施例中装置所在的设备通常根据该设备的实际功能，还可以包括其他硬件，对此不再赘述。

请参考图4，为本申请实施例提供的一种图像显示装置的结构示意图，所述装置包括：接收单元41，第一获取单元42，第一解析单元和显示单元43，其中，

接收单元41，用于接收用户通过终端输入的操作指令；

第一获取单元42，用于根据所述接收单元41接收到的操作指令获取所述终端上的数据文件和脚本代码；

第一解析单元43，用于利用所述第一获取单元42获取的脚本代码对所述数据文件进行解析，得到图像数据；

显示单元44，用于将所述第一解析单元43得到的图像数据显示在所述浏览器的页面上。

其中，所述第一解析单元43包括(图中未示)：读取单元，提取单元，图像获取单元和生成单元，其中，

读取单元，用于利用所述第一获取单元42获取的脚本代码读取所述为数据文件上的头部信息和所有字段上的内容；

提取单元，用于从所述内容中提取与图像显示相关的图像信息；

图像获取单元，用于按照所述图像信息从所述内容中获取图像数据；

生成单元，用于对得到的所述图像数据进行窗宽窗位映射，生成适合页面显示的图像数据。

可选的，在另一实施例中，所述装置还可以包括：第一检测单元51，第二获取单元52和第二解析单元53，其结构示意图如图5所示，其中，

第一检测单元51，用于在所述第一获取单元42获取数据文件和脚本代码之前或之后，检测所述终端是否处于联网状态；

第二获取单元52，用于在所述第一检测单元51检测到所述终端处于联网状态时，从网络侧获取新版脚本代码，并更新本地的所述脚本代码；

第二解析单元53，用于利用获取的新版脚本代码对所述数据文件进行解析，得到图像数据。

其中，第二解析单元53也可以包括：读取单元，提取单元，图像获取单元和生成单元(图中未示)，其中，

读取单元，用于利用所述第二获取单元获取的新版脚本代码读取所述为数据文件上的头部信息和所有字段上的内容；

提取单元，用于从所述内容中提取与图像显示相关的图像信息；

图像获取单元，用于按照所述图像信息从所述内容中获取图像数据

生成单元，用于对得到的所述图像数据进行窗宽窗位映射，生成适合页面显示的图像数据。

当然，所述第一解析单元和第二解析单元也可以集成在一起，或独立部署，本实施例不作限制。

可选的，在另一实施例中，所述装置还可以包括：第二检测单元61和调整单元62，其结构示意图如图6所示，其中，

第二检测单元61，用于在所述显示单元44将所述图像数据显示在所述浏览器的页面上后，检测所述用户通过终端输入操作指令的输入方式；

调整单元62，用于根据所述输入方式利用绘图工具调整显示的所述图像数据。

上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程，在此不再赘述。

另一方面，本申请实施例还提供一种图像处理器设备，包括：处理器，以及用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为：

接收用户通过终端输入的操作指令；

根据所述操作指令获取所述终端上的数据文件和脚本代码；

利用所述脚本代码对所述数据文件进行解析，得到图像数据；

将所述图像数据显示在浏览器的页面上。

其中，所述处理器的具体功能和作用的实现过程详见上述方法中对应步骤的实现过程。

本申请实施例中，所述图像显示装置按照用户操作指令，从本地获取数据文件和脚本代码，然后，检测终端的联网状态，如果没有联网，利用获取的脚本代码对数据文件进行解析，从而得到图像数据，如果联网，则从网络侧获取新版脚本代码，然后利用新版脚本代码对数据文件进行解析，从而得到图像数据；最后，将该图像数据显示在浏览器页面上。也就是说，本申请实施例不用将数据文件上传到服务器上进行解析，也无需用户连接网络才可以实现对图像数据的浏览，但是，在联网的状态下，可以获取新版脚本代码，即升级原来的脚本代码，为户更浏览DICOM图像数据提供了极大的便利和安全。

需要说明的是，本实施例中，优先适应于对医学图像数据的解析，比如通过浏览器对DICOM图像的解析与显示等。当然，也可以考虑将多媒体印刷阅读(MPR，Multimedia Print Reader)出版物数据)和3D显示(即三维空间)数据等功能也集成到这种图像显示装置中来，其实现过程与本申请实施例类似，具体详见上述，在此不再赘述。

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本申请方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

以上所述仅为本申请的较佳实施例而已，并不用以限制本申请，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请保护的范围之内。

Claims (10)

1.一种图像显示方法，其特征在于，包括：

浏览器接收用户通过终端输入的操作指令；

所述浏览器根据所述操作指令获取所述终端上的数据文件和脚本代码；

所述浏览器利用所述脚本代码对所述数据文件进行解析，得到图像数据；

所述浏览器将所述图像数据显示在所述浏览器的页面上。

2.根据权利要求1所述的方法，其特征在于，所述浏览器根据所述操作指令获取所述终端上的数据文件和脚本代码之前或之后，还包括：

所述浏览器检测所述终端是否处于联网状态；

如果是，所述浏览器从网络侧获取新版脚本代码，并更新本地的所述脚本代码；

所述浏览器利用获取的新版脚本代码对所述数据文件进行解析，得到图像数据。

3.根据权利要求1或2所述的方法，其特征在于，还包括：

检测所述用户通过终端输入操作指令的输入方式；

根据所述输入方式利用绘图工具调整显示的所述图像数据。

4.根据权利要求1或2所述的方法，其特征在于，所述浏览器利用所述脚本代码对所述数据文件进行解析，得到图像数据，包括：

所述浏览器利用所述脚本代码读取所述为数据文件上的头部信息和所有字段上的内容；

所述浏览器从所述内容中提取与图像显示相关的图像信息；

所述浏览器按照所述图像信息从所述内容中获取图像数据；

所述浏览器对得到的所述图像数据进行窗宽窗位映射，生成适合页面显示的图像数据。

5.根据权利要求4所述的方法，其特征在于，所述浏览器将所述图像数据显示在所述浏览器页面上，具体包括：所述浏览器将生成的适合页面显示的图像数据显示在所述浏览器的页面上。

6.一种图像显示装置，其特征在于，包括：

接收单元，用于接收用户通过终端输入的操作指令；

第一获取单元，用于根据所述操作指令获取所述终端上的数据文件和脚本代码；

第一解析单元，用于利用所述脚本代码对所述数据文件进行解析，得到图像数据；

显示单元，用于将所述图像数据显示在所述浏览器的页面上。

7.根据权利要求6所述的装置，其特征在于，还包括：

第一检测单元，用于在所述第一获取单元获取所述数据文件和脚本代码之前或之后，检测所述终端是否处于联网状态；

第二获取单元，用于在所述第一检测单元检测到所述终端处于联网状态时，从网络侧获取新版脚本代码，并更新本地的所述脚本代码；

第二解析单元，用于利用获取的新版脚本代码对所述数据文件进行解析，得到图像数据。

8.根据权利要求6或7所述的装置，其特征在于，还包括：

第二检测单元，用于检测所述用户通过终端输入操作指令的输入方式；

调整单元，用于根据所述输入方式利用绘图工具调整显示的所述图像数据。

9.根据权利要求6或7所述的装置，其特征在于，所述第一解析单元包括：

读取单元，用于利用所述脚本代码读取所述为数据文件上的头部信息和所有字段上的内容；

提取单元，用于从所述内容中提取与图像显示相关的图像信息；

图像获取单元，用于按照所述图像信息从所述内容中获取图像数据；

生成单元，用于对得到的所述图像数据进行窗宽窗位映射，生成适合页面显示的图像数据。

10.一种图像处理器设备，其特征在于，包括：处理器，以及用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为：

接收用户通过终端输入的操作指令；

根据所述操作指令获取所述终端上的数据文件和脚本代码；

利用所述脚本代码对所述数据文件进行解析，得到图像数据；

将所述图像数据显示在浏览器的页面上。