CN109710866A - 在线文档内图片显示方法和装置 - Google Patents

Abstract

本公开提供了一种在线文档内图片显示方法和装置，其中方法包括：浏览器接收在线文档打开请求，打开请求中包括目标文档标识；根据目标文档标识，从服务器获取目标文档数据；若目标文档数据中包括图片，则判断目标文档数据中用于指示图片显示方式的字段，是否为等宽显示字段；若是，则根据浏览器当前的页面宽度，调整图片的宽度尺寸，以使图片在目标文档内与浏览器的页面宽度等宽显示。该方法实现了在包括图片的在线文档以全屏显示方式显示时，以屏幕等宽的方式进行显示，不仅能够最大化的利用屏幕空间，使得图片的显示效果更好，并且还能避免屏幕空间的浪费，提高用户体验。

Description

在线文档内图片显示方法和装置

技术领域

本公开涉及图像处理技术领域，尤其涉及一种在线文档内图片显示方法和装置。

背景技术

相关技术中，为了增强用户阅读的体验，通常会向文档中插入一些图片。然而，利用传统的编辑器向在线文档中插入图片时，图片的大小一般不超出文字内容的编辑区域，这就导致在显示包括图片的在线文档时，屏幕空间不能充分利用，造成空间浪费。

发明内容

本公开提供一种在线文档内图片显示方法和装置，用于解决相关技术中，在显示包括图片的在线文档时，屏幕空间不能充分利用，造成空间浪费的问题。

本公开一方面实施例提供一种在线文档内图片显示方法，该方法包括：浏览器接收在线文档打开请求，所述打开请求中包括目标文档标识；根据所述目标文档标识，从服务器获取目标文档数据；若所述目标文档数据中包括图片，则判断所述目标文档数据中用于指示所述图片显示方式的字段，是否为等宽显示字段；若是，则根据所述浏览器当前的页面宽度，调整所述图片的宽度尺寸，以使所述图片在目标文档内与所述浏览器的页面宽度等宽显示。

本公开另一方面实施例提供一种在线文档内图片显示装置，该装置包括：第一获取模块，用于浏览器接收在线文档打开请求，所述打开请求中包括目标文档标识；第二获取模块，用于根据所述目标文档标识，从服务器获取目标文档数据；第一判断模块，用于若所述目标文档数据中包括图片，则判断所述目标文档数据中用于指示所述图片显示方式的字段，是否为等宽显示字段；第一控制模块，用于若是，则根据浏览器当前的页面宽度，调整所述图片的宽度尺寸，以使所述图片在目标文档内与所述浏览器的页面宽度等宽显示。

本公开又一方面实施例提供一种电子设备，该电子设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时，以实现第一方面实施例所述的在线文档内图片显示方法。

本公开再一方面实施例的计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时，以实现第一方面实施例所述的在线文档内图片显示方法。

本公开公开的技术方案，具有如下有益效果：

浏览器通过接收在线文档打开请求，以获取打开请求中包括的目标文档标识，然后根据目标文档标识，从服务器获取目标文档数据，若目标文档数据中包括图片，则判断目标文档数据中用于指示图片显示方式的字段，是否为等宽显示字段，若是则根据浏览器当前的页面宽度，调整图片的宽度尺寸，以使图片在目标文档内与浏览器的页面宽度等宽显示。由此，实现了在包括图片的在线文档以全屏显示方式显示时，以屏幕等宽的方式进行显示，不仅能够最大化的利用屏幕空间，使得图片的显示效果更好，并且还能避免屏幕空间的浪费，提高用户体验。

本公开附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本公开的实践了解到。

附图说明

本公开上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中，

图1是根据本公开一实施例示出的在线文档内图片显示方法的流程示意图；

图2是根据本公开另一实施例示出的在线文档内图片显示方法的流程示意图；

图3是根据本公开一实施例示出的在第一浏览器中显示目标文档中图片的效果图；

图4是根据本公开另一实施例示出的在第一浏览器中显示目标文档中图片的效果图；

图5是根据本公开又一实施例示出的在线文档内图片显示方法的流程示意图；

图6是根据本公开一实施例示出的按照图片原始尺寸显示目标文档中的图片的示意图；

图7是根据本公开一实施例示出的发送用于指示图片与浏览器的页面等宽显示的控制指令的示意图；

图8是根据本公开一实施例示出的调整图片与浏览器页面等宽显示的示意图；

图9是根据本公开再一实施例示出的在线文档内图片显示方法的流程示意图；

图10是根据本公开再一实施例示出的在线文档内图片显示方法的流程示意图；

图11是根据本公开一示例性实施例示出的在线文档内图片显示装置的结构示意图；

图12是根据本公开一实施例示出的电子设备的结构示意图。

具体实施方式

下面详细描述本公开的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本公开，而不能理解为对本公开的限制。

本公开各实施例针对相关技术中，在显示包括图片的在线文档时，屏幕空间不能充分利用，造成空间浪费的问题，提出一种在线文档内图片显示方法。

本公开实施例，浏览器接收在线文档打开请求，以对打开请求进行解析，获取目标文档标识，然后根据目标文档标识，从服务器获取目标文档数据，并对目标文档数据进行解析，确定目标文档数据中是否包括图片，当目标文档数据中包括图片时，判断目标文档数据中用于指示图片显示方式字段，是否为等宽显示字段，若是，则根据浏览器当前的页面宽度，调整图片的宽度尺寸，以使图片在目标文档内与浏览器的页面宽度等宽显示。由此，实现了在包括图片的在线文档以全屏显示方式显示时，以屏幕等宽的方式进行显示，不仅能够最大化的利用屏幕空间，使得图片的显示效果更好，并且还能避免屏幕空间的浪费，提高用户体验。

下面参考附图描述本公开实施例的在线文档内图片显示方法和装置进行详细说明。

为了更清楚的解释本公开实施例，首先结合图1，对本公开实施例在线文档内图片显示方法中的在在线文档中插入图片的过程进行具体说明。

如图1所述，对在线文档中插入图片的编辑过程包括以下步骤：

步骤101，获取图片插入请求，插入请求中包括待插入图片的原始尺寸数据。

其中，本公开实施例提供的在线文档内图片显示方法，可以由本公开实施例提供的电子设备执行。其中，电子设备中设置有在线文档内图片显示装置，以实现对在线文档显示方式进行控制。本实施例中，电子设备可以是任意具有浏览器的硬件设备，比如智能手机、穿戴式设备、个人电脑、掌上电脑等等。

在本实施例中，浏览器可以是相关技术中的任一一个。比如，IE浏览器(Internetexplorer)、火狐浏览器、搜狗浏览器、百度浏览器、谷歌浏览器等等，此处对其不作具体限定。

目标文档可以是，但不限于，Text文档文件、Word文档文件、PowerPoint文档文件及Excel文档等等。

待插入图片可以是任意格式的图片，比如，图像文件格式(Bitmap，简称BMP)、标签图像文件格式(Tag Image File Format，简称TIFF)、图像互换格式(GraphicsInterchange Format，简称GIF)、JPEG(全称是Joint Photographic Experts Group)、便携式网络图形(Portable Network Graphics，简称png)等等。

可选的，在获取到图片插入请求之后，浏览器可对图片插入请求进行解析，获取插入请求中包括的待插入图片的原始尺寸数据。

步骤102，判断待插入图片的原始尺寸数据是否大于目标文档显示界面的宽度，若大于，则执行步骤103，否则执行步骤104。

可选的，获取到待插入图片的原始尺寸数据之后，浏览器还可获取目标文档显示界面的宽度，然后将待插入图片的原始尺寸数据与目标文档显示界面的宽度进行比较，确定待插入图片的原始尺寸数据是否大于目标文档显示界面的宽度。

其中，若待插入图片的原始尺寸数据大于目标文档显示界面的宽度，则说明待插入图片无法按照原始尺寸数据正常的显示在目标文档显示界面中，此时需要对待插入图片的尺寸进行调整，以使调整后的待插入图片的尺寸能够正常的显示在目标文档显示界面；若待插入图片的原始尺寸数据小于或等于目标文档显示界面的宽度，则说明此时可以按照待插入图片的原始尺寸，将待插入图片显示在目标文档显示界面中。

步骤103，根据目标文档显示界面的宽度，调整待插入图片的宽度尺寸。

其中，可以将待插入图片的尺寸调整为与目标文档显示界面的宽度相同的宽度，或者小于目标文档显示界面的宽度，此处对其不作具体限定。也即是说，只要调整宽度尺寸后的待插入图片可以正常显示在目标文档显示界面即可。

可以理解的是，本实施例通过根据目标文档显示界面的宽度，调整待插入图片的宽度尺寸，不仅能够使得待插入图片正常显示在目标文档显示界面，而且还尽可能的保证待插入图片的完整性。

步骤104，根据待插入图片的原始尺寸数据，在目标文档显示界面中显示待插入图片。

本公开实施例提供的在线文档内图片显示方法，通过获取图片插入请求，确定待插入图片的原始尺寸数据是否可以正常的显示在目标文档显示界面，若不能则对待插入图片的尺寸进行调整，以使调整后的待插入图片可以正常的显示在目标文档显示界面中，若能则无需对待处理图片进行处理，即可将待处理图片显示在目标文档显示界面中，从而提高了图片插入目标文档的成功率，还能保证插入文档中的图片在后续显示时，能够具有更好的显示效果。

通过上述实施例，对目标文档显示界面中插入图片的过程进行详细说明后，下面对浏览器显示包括图片的目标文档的具体过程进行说明，具体参见图2。

图2是根据本公开另一实施例示出的在线文档内图片显示方法的流程示意图。如图2所示，本公开实施例的在线文档内图片显示方法可以包括以下步骤：

步骤201，浏览器获取在线文档打开请求，打开请求中包括目标文档标识。

其中，浏览器可以是相关技术中的任一一个。比如，IE浏览器(Internetexplorer)、火狐浏览器、搜狗浏览器、百度浏览器、谷歌浏览器等等，此处对其不作具体限定。

在本实施例中，目标文档标识，可以为文档名称、文档类型、文档地址等中任意可以唯一标识该文档的标识。

可选的，可通过浏览器进行监控，接收用户发送的在线文档打开请求；或者还可以通过电子设备中的其他部件或程序进行监控，接收用户发送的在线文档打开请求；或者，还可以通过其他方式，接收用户发送的在线文档打开请求，此处不作具体限定。

当浏览器接收到在线文档打开请求时，可对打开请求进行解析，获取打开请求中包括的目标文档标识。

步骤202，根据目标文档标识，从服务器获取目标文档数据。

本实施例中，浏览器可根据获取的目标文档标识，从服务器获取目标文档数据。

作为一种可选的实现方式，浏览器可向服务器发送获取请求，并将目标文档标识携带在获取请求中，以使服务器可以根据获取请求中携带的目标文档标识，从数据库中获取对应的目标文档数据，并将获取到的目标文档数据返回给浏览器。

步骤203，若目标文档数据中包括图片，则判断目标文档数据中用于指示图片显示方式的字段，是否为等宽显示字段，若是，则执行步骤204，否则执行步骤205。

可选的，在获取到目标文档数据之后，浏览器即可通过对目标文档数据进行解析处理，以确定目标文档数据中是否包括图片。若不包括，则按照相关技术中的显示方式显示目标文档；若包括，则进一步获取目标文档数据中用于指示图片显示方式的字段，并对该字段进行解析处理，确定是否为等宽显示字段。

其中，若确定上述字段为等宽显示字段时，则控制目标文档内的图片与浏览器的页面宽度等宽显示，否则，按照图片的原始尺寸，在浏览器中显示图片。

步骤204，根据浏览器当前的页面宽度，调整图片的宽度尺寸，以使图片在目标文档内与浏览器的页面宽度等宽显示。

本公开实施例，在确定目标文档数据中，用于指示图片显示方式的字段为等宽显示字段，则浏览器可根据自身当前的页面宽度，调整图片的宽度尺寸，以使图片的宽度铺满浏览器当前页面宽度，从而实现最大化利用屏幕空间的目的。

需要说明的是，在实际使用时，屏幕的宽度和高度通常是以屏幕显示的像素(Pixels)衡量的，因此本申请实施例，可以屏幕显示像素为依据，对目标文档中图片在浏览器中显示的效果进行调整。

例如，若浏览器当前的像素宽度为：400px，则浏览器中显示的目标文档包括的图片效果图，如图3所示。

又例如，若浏览器当前的像素宽度为：1440px，则浏览器中显示的目标文档包括的图片效果图，如图4所示。

步骤205，根据图片的原始尺寸，在浏览器中显示图片。

可选的，当确定目标文档数据中，用于指示图片显示方式的字段不为等宽显示字段，则浏览器可按照图片的原始尺寸，显示目标文档包括的图片。其中，按照图片的原始尺寸显示时，可以居中显示的方式显示，以符合用户查看图片的习惯。

进一步的，由于在实际应用中，浏览器的屏幕大小可以根据用户需要进行调整，因此当浏览器的屏幕大小发生变化时，为了保证目标文档中的图片能够始终与浏览器的屏幕等宽显示，可在浏览器的屏幕大小发生变化时，自动根据浏览器的屏幕大小，调整图片的高度尺寸，以使图片的尺寸随浏览器屏幕大小的变化等比例变化。

可以理解的是，本公开通过获取目标文档数据，并确定目标文档数据中包括图片时，确定用于指示图片显示方式字段，为等宽显示字段，控制目标文档内的图片与浏览器的页面宽度等宽显示，从而可以最大化利用屏幕空间，降低资源浪费。

本公开实施例提供的在线文档内图片显示方法，浏览器通过接收在线文档打开请求，以获取打开请求中包括的目标文档标识，然后根据目标文档标识，从服务器获取目标文档数据，若目标文档数据中包括图片，则判断目标文档数据中用于指示图片显示方式的字段，是否为等宽显示字段，若是则根据浏览器当前的页面宽度，调整图片的宽度尺寸，以使图片在目标文档内与浏览器的页面宽度等宽显示。由此，实现了在包括图片的在线文档以全屏显示方式显示时，以屏幕等宽的方式进行显示，不仅能够最大化的利用屏幕空间，使得图片的显示效果更好，并且还能避免屏幕空间的浪费，提高用户体验。

通过上述分析可知，本公开实施例获取目标文档数据，并确定用于指示图片显示方式的字段为等宽显示字段时，根据浏览器当前的页面宽度，调整图片的宽度尺寸，使图片与浏览器的页面宽度等宽显示。

在另一种实现情景中，本申请实施例中的浏览器根据图片的原始尺寸，显示上述图片之后，还可以接收用户发送的指示图片与浏览器的页面等宽显示的控制指令，进而根据该指令，调整图片的显示尺寸，以使图片在目标文档内与浏览器的页面宽度等宽显示。下面结合图5，对本申请在线文档内图片显示方法的上述情况进行具体说明。

图5是根据本公开又一实施例示出的在线文档内图片显示方法的流程示意图。如图5所示，本公开实施例的在线文档内图片显示方法可以包括以下步骤：

步骤301，接收用于指示图片与浏览器的页面等宽显示的控制指令。

步骤302，根据控制指令及浏览器当前的页面宽度，调整图片的宽度尺寸。

实际使用时，浏览器获取到目标文档数据，并确定用于指示目标文档数据中包括的图片显示方式字段不为等宽显示字段时，根据图片的原始尺寸，在浏览器中显示上述图片。例如如图6所示，将图片按照原始尺寸在浏览器的页面中进行显示，且以居中的方式显示。

进一步的，当用户需要调整上述图片时，则可向浏览器发送控制指令，以使浏览器根据控制指令及自身当前的页面宽度，调整目标文档中的图片的尺寸，从而实现图片与浏览器的页面等宽显示。

例如，如图7所示，用户可以通过点击浏览器A屏幕中显示的图片，并选择“全屏”虚拟键，以向浏览器发送图片全屏显示请求。即向浏览器发送调整图片的尺寸，以使图片与浏览器的页面等宽显示的控制指令。

当浏览器A接收到上述控制指令之后，即可获取图片的尺寸数据，然后根据自身页面宽度调整图片的宽度尺寸，并显示调整后的图片，具体如图8所示，调整后的图片与浏览器A的页面等宽显示。

进一步的，在图片与浏览器的页面等宽显示之后，若用户想要恢复图片显示为原始尺寸时，则可以选中浏览器中的图片，并再次点击“全屏”虚拟键，以向浏览器发送恢复图片原始尺寸的显示请求，以使浏览器根据图片的原始尺寸恢复图片以原始尺寸大小进行显示。

本申请实施例提供的在线文档内图片显示方法，根据图片的原始尺寸，在浏览器中显示图片之后，还可接收用于指示图片与浏览器的页面等宽显示的控制指令，进而使得浏览器可根据控制指令及自身当前的页面宽度，调整图片的宽度尺寸，以使图片与浏览器的页面等宽显示，从而方便用户根据需要调整在线文档中图片的显示方式，为用户查看在线文档及图片的内容提供了便利条件，提升了用户体验。

通过上述分析可知，本公开实施例通过接收用于指示图片与浏览器的页面等宽显示的控制指令，以根据控制指令及浏览器当前的页面宽度，调整图片的宽度尺寸。

具体实现时，在调整图片的宽度尺寸之后，本实施例可向服务器发送图片显示方式更新请求，以将其他浏览器在显示相同目标文档时，根据上述浏览器中目标文档中图片的显示方式，显示图片，以实现对目标文档的同步处理操作，下面结合图9，对本申请在线文档内图片显示方法的上述情况进行具体说明。

图9是根据本公开再一实施例示出的在线文档内图片显示方法的流程示意图。如图9所示，本公开实施例的在线文档内图片显示方法可以包括以下步骤：

步骤401，获取目标文档标识对应的合法用户集。

其中，合法用户集是指通过身份认证，可以执行更新、编辑等功能的用户集合。

本实施例中合法用户集可以是存储在浏览器中；或者，也可以是存储在服务器中。因此，浏览器在获取目标文档标识对应的合法用户集时，可以通过以下方式实现：

方式一：首先根据目标文档标识，从自身的存储单元中，获取对应的合法用户集；若自身的存储单元中，没有与目标文档标识对应的合法用户集时，可向服务器发送携带有目标文档标识的获取请求，以获取与目标文档标识对应的合法用户集。

方式二：向服务器发送携带有目标文档标识的获取请求，获取与目标文档标识对应的合法用户集。

需要说明的是，上述向服务器发送的获取请求中，还可包括：浏览器标识。

也就是说，当服务器根据浏览器发送的获取请求，查找到与目标文档对应的合法用户集之后，可以按照获取请求的路径，将合法用户集返回给浏览器；也可以根据浏览器标识，将合法用户集返回合法用户集。其中，根据浏览器标识返回与目标文档对应的合法用户集的准确性和可靠性更高。

步骤402，确定浏览器对应的客户端是否为合法用户集中的任一用户，若是，执行步骤403，否则执行步骤404。

可选的，当获取到与目标文档标识对应的合法用户集之后，可确定浏览器对应的客户端是否属于合法用户。具体实现时，可将浏览器对应的客户端依次与合法用户集中的用户进行匹配，若匹配成功，则说明浏览器对应的客户端属于合法用户，否则属于非法用户。

步骤403，若浏览器对应的客户端位于合法用户集中，向服务器发送图片显示方式更新请求，更新请求中，包括图片的标识及目标文档标识，以使服务器根据更新请求，更新用于指示图片显示方式的字段为等宽显示字段。

本实施例中，当确定浏览器对应的客户端属于合法用户时，则浏览器可向服务器发送显示方式更新请求，以使服务器可以根据更新请求，更新用于指示图片显示方式的字段为等宽显示字段，从而使得其他浏览器在显示相同的目标文档时，可按照更新后的显示方式，显示目标文档中的图片，以实现相同文档的同步处理。

步骤404，若浏览器对应的客户端未位于合法用户集中，则向服务器发送图片尺寸调整请求，以使服务器将所述调整请求转发至合法用户。

其中，合法用户可以是合法用户集中的任意用户，也可以是当前正在查阅目标文档的合法用户。

可选的，当确定浏览器对应的客户端为非法用户时，浏览器可以继续向服务器发送图片尺寸调整请求，但是服务器并不直接根据上述请求，执行调整操作，而是将调整请求转发给合法用户，以使合法用户决定是否对该图片尺寸进行调整。

其中，当合法用户同意调整图片尺寸，则服务器可根据合法用户的指令，对图片的尺寸进行调整；否则，不执行图片尺寸调整操作，并向该浏览器对应的客户端返回“您无权限修改图片尺寸”的提醒消息。

在本申请的另一实施例中，当确定浏览器对应的客户端为非法用户时，服务器也可直接向浏览器对应的客户端返回“您无权限修改图片尺寸”的提醒消息，或者在浏览器中显示“您无权限修改图片尺寸”的提醒消息。

也就是说，本申请实施例浏览器根据用户调整图片的宽度尺寸之后，还可根据用户指令向服务器发送图片尺寸调整请求，以更新图片显示方式。进一步的，在向服务器发送图片尺寸调整请求之前，还需验证浏览器对应的客户端是否合法，当客户端合法时，则服务器根据浏览器发送的更新请求执行更新操作，当客户端非法时，则根据设置的规则采取不同方式，执行更新操作或者直接返回无法更新的提醒消息，从而可以保证在线文件不被恶意篡改，维护在线文件的可靠性。

通过上述分析可知，本公开实施例通过接收用于指示图片与浏览器的页面等宽显示的控制指令，以根据控制指令及浏览器当前的页面宽度，调整图片的宽度尺寸。

具体实现时，在调整图片的宽度尺寸之后，还可对浏览器当前显示的目标文本中的图片进行更换或再编辑操作。下面结合图10，对本申请在线文档内图片显示方法中图片编辑的过程进行具体说明。

图10是根据本公开再一实施例示出的在线文档内图片显示方法的流程示意图。如图10所示，本公开实施例的在线文档内图片显示方法可以包括以下步骤：

步骤501，获取图片插入请求，插入请求中包括待插入图片的原始尺寸数据。

本实施例中，待插入图片，是与目标文档中包括的图片不相同的任意图片，此处对其不作具体限定。

例如，目标文档中的图片是M，那么待插入图片可以是图片N。

可选的，在获取到图片插入请求之后，浏览器可对图片插入请求进行解析，获取插入请求中包括的待插入图片的原始尺寸数据。

步骤502，判断待插入图片的原始尺寸数据是否大于目标文档显示界面的宽度，若大于，则执行步骤503，否则，执行步骤504。

可选的，获取到待插入图片的原始尺寸数据之后，浏览器还可获取目标文档显示界面的宽度，然后将待插入图片的原始尺寸数据与目标文档显示界面的宽度进行比较，确定待插入图片的原始尺寸数据是否大于目标文档显示界面的宽度。

其中，若待插入图片的原始尺寸数据大于目标文档显示界面的宽度，则说明待插入图片无法按照原始尺寸数据正常的显示在目标文档显示界面中，此时需要对待插入图片的尺寸进行调整，以使调整后的待插入图片的尺寸能够正常的显示在目标文档显示界面；若待插入图片的原始尺寸数据小于或等于目标文档显示界面的宽度，则说明此时可以按照待插入图片的原始尺寸，将待插入图片显示在目标文档显示界面中。

步骤503，若是，则根据目标文档显示界面的宽度，调整待插入图片的宽度尺寸。

其中，可以将待插入图片的尺寸调整为与目标文档显示界面的宽度相同的宽度，或者小于目标文档显示界面的宽度，此处对其不作具体限定。也即是说，只要调整宽度尺寸后的待插入图片可以正常显示在目标文档编辑界面即可。

步骤504，若否，则根据待插入图片的原始尺寸数据，在目标文档显示界面中显示待插入图片。

本公开实施例提供的在线文档内图片显示方法，在显示调整后的图片之后，浏览器还可获取图片插入请求，确定待插入图片的原始尺寸数据是否可以正常的显示在目标文档显示界面，若不能则对待插入图片的尺寸进行调整，以使调整后的待插入图片可以正常的显示在目标文档显示界面中，若能则无需对待处理图片进行处理，即可将待处理图片显示在目标文档显示界面中，以实现用户根据自身需求，对目标文档中包括的图片进行更换，满足用户个性化需求，提高用户体验。

为了实现上述目的，本公开还提出了一种在线文档内图片显示装置。

图11是根据本公开一个实施例示出的在线文档内图片显示装置的结构示意图。如图11所示，本公开实施例的在线文档内图片显示装置包括：第一获取模块11、第二获取模块12、第一判断模块13、第一控制模块14。

其中，第一获取模块11用于浏览器接收在线文档打开请求，所述打开请求中包括目标文档标识；

第二获取模块12用于根据所述目标文档标识，从服务器获取目标文档数据；

第一判断模块13用于若所述目标文档数据中包括图片，则判断所述目标文档数据中用于指示所述图片显示方式的字段，是否为等宽显示字段；

第一控制模块14用于若是，则根据所述浏览器当前的页面宽度，调整所述图片的宽度尺寸，以使所述图片在目标文档内与所述浏览器的页面宽度等宽显示。

可选的，在本公开的一个可选的实现方式中，在线文档内图片显示装置，还包括：第一调整模块。

其中，第一调整模块，用于调整所述图片的高度尺寸，以使所述图片的尺寸等比例变化。

可选的，在本公开的一个可选的实现方式中，第一控制模块13具体用于：

若否，则根据所述图片的原始尺寸，在所述浏览器中显示所述图片。

可选的，在本公开的一个可选的实现方式中，在线文档内图片显示装置，还包括：第一接收模块、第二调整模块。

其中，第一接收模块，用于接收用于指示所述图片与所述浏览器的页面等宽显示的控制指令；

第二调整模块，用于根据所述控制指令及所述浏览器当前的页面宽度，调整所述图片的宽度尺寸。

可选的，在本公开的一个可选的实现方式中，在线文档内图片显示装置，还包括：更新模块。

其中，更新模块，用于向所述服务器发送图片显示方式更新请求，所述更新请求中，包括所述图片的标识及所述目标文档标识，以使所述服务器根据所述更新请求，更新用于指示所述图片显示方式的字段为等宽显示字段。

可选的，在本公开的一个可选的实现方式中，在线文档内图片显示装置，还包括：第三获取模块、第一确定模块。

其中，第三获取模块，用于获取所述目标文档标识对应的合法用户集；

第一确定模块，用于确定所述浏览器对应的客户端是否为所述合法用户集中的任一用户

可选的，在本公开的一个可选的实现方式中，在线文档内图片显示装置，还包括：第二控制模块。

其中，第二控制模块，用于若所述浏览器对应的客户端未位于所述合法用户集中，则向所述服务器发送图片尺寸调整请求，以使所述服务器将所述调整请求转发至合法用户。

可选的，在本公开的一个可选的实现方式中，在线文档内图片显示装置，还包括：第四获取模块、第二判断模块、第三控制模块。

其中，第三获取模块，用于获取图片插入请求，所述插入请求中包括待插入图片的原始尺寸数据；

第二判断模块，用于判断所述待插入图片的原始尺寸数据是否大于所述目标文档显示界面的宽度；

第三控制模块，用于若是，则根据所述目标文档显示界面的宽度，调整所述待插入图片的宽度尺寸。

可选的，在本公开的一个可选的实现方式中，所述第三控制模块，还用于：

若否，则根据所述待插入图片的原始尺寸数据，在所述目标文档显示界面中显示所述待插入图片。

需要说明的是，前述对在线文档内图片显示方法实施例的解释说明也适用于该实施例的在线文档内图片显示装置，其实现原理类似，此处不再赘述。

本公开实施例提供的在线文档内图片显示，浏览器通过接收在线文档打开请求，以获取打开请求中包括的目标文档标识，然后根据目标文档标识，从服务器获取目标文档数据，若目标文档数据中包括图片，则判断目标文档数据中用于指示图片显示方式的字段，是否为等宽显示字段，若是则根据浏览器当前的页面宽度，调整图片的宽度尺寸，以使图片在目标文档内与浏览器的页面宽度等宽显示。由此，实现了在包括图片的在线文档以全屏显示方式显示时，以屏幕等宽的方式进行显示，不仅能够最大化的利用屏幕空间，使得图片的显示效果更好，并且还能避免屏幕空间的浪费，提高用户体验。

为了实现上述实施例，本公开还提出一种电子设备。

图12是根据本公开一实施例示出的电子设备的结构示意图。

下面参考图12，其示出了适于用来实现本公开实施例的电子设备800的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、PDA(个人数字助理)、PAD(平板电脑)等等的移动终端以及诸如台式计算机等等的固定终端。图12示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图12所示，电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801，其可以根据存储在只读存储器(ROM)802中的程序或者从存储装置808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中，还存储有电子设备800操作所需的各种程序和数据。处理装置801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。

通常，以下装置可以连接至I/O接口805：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置807；包括例如磁带、硬盘等的存储装置808；以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图12示出了具有各种装置的电子设备800，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置809从网络上被下载和安装，或者从存储装置808被安装，或者从ROM 802被安装。在该计算机程序被处理装置801执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本实施例的电子设备的实施过程和技术原理参见前述对第一方面实施例的在线文档内图片显示方法的解释说明，此处不再赘述。

本公开实施例提供的电子设备，浏览器通过接收在线文档打开请求，以获取打开请求中包括的目标文档标识，然后根据目标文档标识，从服务器获取目标文档数据，若目标文档数据中包括图片，则判断目标文档数据中用于指示图片显示方式的字段，是否为等宽显示字段，若是则根据浏览器当前的页面宽度，调整图片的宽度尺寸，以使图片在目标文档内与浏览器的页面宽度等宽显示。由此，实现了在包括图片的在线文档以全屏显示方式显示时，以屏幕等宽的方式进行显示，不仅能够最大化的利用屏幕空间，使得图片的显示效果更好，并且还能避免屏幕空间的浪费，提高用户体验。

为实现上述目的，本公开还提出一种计算机可读存储介质。

其中该计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时，以实现第一方面实施例所述的在线文档内图片显示方法。

一种可选实现形式中，本实施例可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括——但不限于——电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于——无线、电线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如”C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

为实现上述目的，本公开还提出一种计算机程序。其中当计算机程序被处理器执行时，以实现第一方面实施例所述的在线文档内图片显示方法。

在本公开中，除非另有明确的规定和限定，术语“设置”、“连接”等术语应做广义理解，例如，可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通或两个元件的相互作用关系，除非另有明确的限定。对于本领域的普通技术人员而言，可以根据具体情况理解上述术语在本公开中的具体含义。

在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本公开的至少一个实施例或示例中。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。

流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为，表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分，并且本公开的优选实施方式的范围包括另外的实现，其中可以不按所示出或讨论的顺序，包括根据所涉及的功能按基本同时的方式或按相反的顺序，来执行功能，这应被本公开的实施例所属技术领域的技术人员所理解。

应当理解，本公开的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

上述提到的存储介质可以是只读存储器，磁盘或光盘等。尽管上面已经示出和描述了本公开的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本公开的限制，本领域的普通技术人员在本公开的范围内可以对上述实施例进行变化、修改、替换和变型。

Claims (12)

1.一种在线文档内图片显示方法，其特征在于，包括：

浏览器接收在线文档打开请求，所述打开请求中包括目标文档标识；

根据所述目标文档标识，从服务器获取目标文档数据；

若所述目标文档数据中包括图片，则判断所述目标文档数据中用于指示所述图片显示方式的字段，是否为等宽显示字段；

若是，则根据浏览器当前的页面宽度，调整所述图片的宽度尺寸，以使所述图片在目标文档内与所述浏览器的页面宽度等宽显示。

2.如权利要求1所述的方法，其特征在于，所述调整所述图片的宽度尺寸之后，还包括：

调整所述图片的高度尺寸，以使所述图片的尺寸等比例变化。

3.如权利要求1所述的方法，其特征在于，所述判断所述目标文档数据中用于指示所述图片显示方式的字段，是否为等宽显示字段之后，还包括：

若否，则根据所述图片的原始尺寸，在所述浏览器中显示所述图片。

4.如权利要求3所述的方法，其特征在于，所述根据所述图片的原始尺寸，在所述浏览器中显示所述图片之后，还包括：

接收用于指示所述图片与所述浏览器的页面等宽显示的控制指令；

根据所述控制指令及所述浏览器当前的页面宽度，调整所述图片的宽度尺寸。

5.如权利要求4所述的方法，其特征在于，所述调整所述图片的宽度尺寸之后，还包括：向所述服务器发送图片显示方式更新请求，所述更新请求中，包括所述图片的标识及所述目标文档标识，以使所述服务器根据所述更新请求，更新用于指示所述图片显示方式的字段为等宽显示字段。

6.如权利要求4所述的方法，其特征在于，所述调整所述图片的宽度尺寸之前，还包括：

获取所述目标文档标识对应的合法用户集；

确定所述浏览器对应的客户端是否为所述合法用户集中的任一用户。

7.如权利要求4所述的方法，其特征在于，所述获取所述目标文档标识对应的合法用户集之后，还包括：

若所述浏览器对应的客户端未位于所述合法用户集中，则向所述服务器发送图片尺寸调整请求，以使所述服务器将所述调整请求转发至合法用户。

8.如权利要求1-7任一所述的方法，其特征在于，所述调整所述图片的宽度尺寸之后，还包括：

获取图片插入请求，所述插入请求中包括待插入图片的原始尺寸数据；

判断所述待插入图片的原始尺寸数据是否大于所述目标文档显示界面的宽度；

若是，则根据所述目标文档显示界面的宽度，调整所述待插入图片的宽度尺寸。

9.如权利要求7所述的方法，其特征在于，所述判断所述待插入图片的原始尺寸数据是否大于所述目标文档显示界面的宽度之后，还包括：

若否，则根据所述待插入图片的原始尺寸数据，在所述目标文档显示界面中显示所述待插入图片。

10.一种在线文档内图片显示装置，其特征在于，包括：

第一获取模块，用于浏览器接收在线文档打开请求，所述打开请求中包括目标文档标识；

第二获取模块，用于根据所述目标文档标识，从服务器获取目标文档数据；

第一判断模块，用于若所述目标文档数据中包括图片，则判断所述目标文档数据中用于指示所述图片显示方式的字段，是否为等宽显示字段；

第一控制模块，用于若是，则根据浏览器当前的页面宽度，调整所述图片的宽度尺寸，以使所述图片在目标文档内与所述浏览器的页面宽度等宽显示。

11.一种电子设备，其特征在于，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时，以实现如权利要求1-9任一所述的在线文档内图片显示方法。

12.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时，以实现如权利要求1-9任一所述的在线文档内图片显示方法。