一种实现在浏览器中对文件批注的方法

文档序号:1889912 发布日期:2021-11-26 浏览:16次 >En<

阅读说明:本技术 一种实现在浏览器中对文件批注的方法 (Method for annotating files in browser ) 是由 朱玮 谈辉 周峰 丁昊 于 2020-05-21 设计创作,主要内容包括:本发明公开了一种实现在浏览器中对文件批注的方法,包括:在浏览器的支持程序中植入转码程序,所述浏览器的支持程序内具有页面渲染模块;用户上传待批注文件,利用浏览器打开所述待批注文件,所述转码程序将所述待批注文件转换成可批注的文件,所述转码程序具有签批功能块,用户通过所述签批功能块对所述可批注的文件进行批注,批注完成后,通过浏览器将批注内容转化为批注图片,所述批注图片通过服务器程序合并在所述待批注文件的对应位置处。本发明提出了一种基于JavaScript技术实现在浏览器中对文件自定义批注的方法,方便用户在浏览器内对文件进行签批。(The invention discloses a method for annotating files in a browser, which comprises the following steps: implanting a transcoding program into a support program of a browser, wherein the support program of the browser is internally provided with a page rendering module; the method comprises the steps that a user uploads a file to be annotated, the file to be annotated is opened by a browser, a transcoding program converts the file to be annotated into a file capable of being annotated, the transcoding program is provided with an endorsement function block, the user annotates the file capable of being annotated by the endorsement function block, after the annotation is completed, annotation content is converted into an annotation picture by the browser, and the annotation picture is combined at a corresponding position of the file to be annotated by a server program. The invention provides a method for realizing the user-defined annotation of files in a browser based on a JavaScript technology, which is convenient for a user to sign the files in the browser.)

一种实现在浏览器中对文件批注的方法

技术领域

本发明涉及一种实现在浏览器中对文件批注的方法,尤其涉及一种基于JavaScript技术实现在浏览器中对文件自定义批注的方法。

背景技术

在一定情景下,我们通常会在浏览器中接收并浏览文件,但如果我们要随手批注的话,浏览器就不能支持我们的这一需求了,为了批注通常我们会将文件下载下来,之后再通过对应类型的软件打开文件进行浏览批注,比如是word文档、ppt文档或者ofd文档等,这样常用类型的文件格式,在我们工作生活中是经常会拿来应用的,比如接收的邮件附件,在浏览器中预览的时候想要快速批注,却不能实现,这就浪费了时间和精力,增加了工作负担。

因此,亟需提出一种新的技术方案来解决上述问题。

发明内容

本发明的目的是解决现有技术中存在的问题,提供一种实现在浏览器中对文件批注的方法,采用的技术方案是:

一种实现在浏览器中对文件批注的方法,包括:

在浏览器的支持程序中植入转码程序,所述浏览器的支持程序内具有页面渲染模块;

进一步的,用户上传待批注文件,利用浏览器打开所述待批注文件,所述转码程序将所述待批注文件转换成可批注的文件,

进一步的,所述转码程序具有签批功能块,用户通过所述签批功能块对所述可批注的文件进行批注,批注完成后,通过浏览器将批注内容转化为批注图片,所述批注图片通过服务器程序合并在所述待批注文件的对应位置处。

进一步的,所述转码程序将所述待批注文件转换成可批注的文件,所述可批注的文件包括与浏览器兼容的网页格式文件。

进一步的,所述签批功能块支持用户通过页面批注的形式在所述网页格式文件上进行批注。

进一步的,用户通过所述签批功能块对所述网页格式文件批注完成后,所述签批功能块调用所述浏览器支持程序内的页面渲染模块,对所述网页格式文件进行页面渲染。

进一步的,所述页面渲染模块对所述网页格式文件进行页面渲染具体包括:

进一步的,对所述网页格式文件的文件内容、文件文档格式、文件篇幅进行页面绘制成形,获得创建好的可批注文件页面。

进一步的,用户批注完成后,所述浏览器支持程序内的页面渲染模块将批注内容转化为批注图片,所述批注图片通过服务器程序合并在所述待批注文件的对应位置处,获得批注文件。

与现有技术相比,本发明具有如下有益效果中的一个或多个:

1.本发明提供一种实现在浏览器中对文件批注的方法,实现了用户通过转码程序在浏览器中预览word文档、ppt文档或者ofd文档的需求,且只需通过转码程序打开签批功能块就可以用手写签批功能进行涂改,保存后获得涂改后的文档;

2.利用本发明所述的实现在浏览器中对文件批注的方法,方便用户在浏览器内对文件进行签批,省掉了下载重新打开文件的操作步骤,让办公及生活更加的便捷省心。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它附图。

图1是用户利用本发明所述方法在浏览器中打开示例文件的第一步的窗口示意图;

图2是用户在图1所示窗口页面中批注所述示例文件的窗口示意图,其中示例文件的文件格式为pdf格式;

图3是用户在图2的基础上完成批注后浏览器将批注内容转化为批注图片的窗口状态示意图;

图4是用户在图3的基础上保存批注图片后,服务器将批注图片合并到示例文件的对应位置处获得的批注文件的窗口示意图。

具体实施方式

下面将结合本发明实施例的附图,对本发明实施例的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。

在本发明的描述中,需要理解的是,术语“上”、“下”、“顶”、“底”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系,仅是为了便于描述本发明和简化描述,而不是指示或暗示所指的装置或者元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对本发明的限制。在本发明的描述中,“多个”的含义是两个或两个以上,除非另有明确具体的限定。

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

下面结合附图与实施例进一步说明本发明要旨。

实施例:

针对现有技术中存在的问题,本发明提供一种实现在浏览器中对文件批注的方法,请参见图1-4,图1是用户利用本发明所述方法在浏览器中打开示例文件的第一步的窗口示意图;图2是用户在图1所示窗口页面中批注所述示例文件的窗口示意图,其中示例文件的文件格式为pdf格式;图3是用户在图2的基础上完成批注后浏览器将批注内容转化为批注图片的窗口状态示意图;图4是用户在图3的基础上保存批注图片后,服务器将批注图片合并到示例文件的对应位置处获得的批注文件的窗口示意图。

一种实现在浏览器中对文件批注的方法,包括:

在浏览器的支持程序中植入转码程序,所述浏览器的支持程序内具有页面渲染模块;

用户上传待批注文件,利用浏览器打开所述待批注文件,所述转码程序将所述待批注文件转换成可批注的文件,

所述转码程序具有签批功能块,用户通过所述签批功能块对所述可批注的文件进行批注,批注完成后,通过浏览器将批注内容转化为批注图片,所述批注图片通过服务器程序合并在所述待批注文件的对应位置处。

在一种实施例中,本发明所述转码程序将所述待批注文件转换成可批注的文件,所述可批注的文件包括与浏览器兼容的网页格式文件。

在一种实施例中,本发明所述签批功能块支持用户通过页面批注的形式在所述网页格式文件上进行批注。

进一步的,用户通过所述签批功能块对所述网页格式文件批注完成后,所述签批功能块调用所述浏览器支持程序内的页面渲染模块,对所述网页格式文件进行页面渲染。

所述页面渲染模块对所述网页格式文件进行页面渲染具体包括:

对所述网页格式文件的文件内容、文件文档格式、文件篇幅进行页面绘制成形,获得创建好的可批注文件页面。

在一种实施例中,用户批注完成后,所述浏览器支持程序内的页面渲染模块将批注内容转化为批注图片,所述批注图片通过服务器程序合并在所述待批注文件的对应位置处,获得批注文件。

本发明提供的实现在浏览器中对文件批注的方法,实现了用户通过转码程序在浏览器中预览word文档、ppt文档或者ofd文档的需求,且只需通过转码程序打开签批功能块就可以用手写签批功能进行涂改,保存后获得涂改后的文档。

本发明所述的转码程序的部分代码如下:

本发明所述的实现在浏览器中对文件批注的方法的实现原理如下:

用户上传word文档(也可以是别的格式的文件),通过转码程序转换成网页文件后进行预览如图1所示,再通过转码程序的签批功能块打开手写签批功能,在页面上形成编辑工具栏,如图2所示,用户通过编辑工具栏对文件进行批注,批注完成后通过所述浏览器的支持程序内具有页面渲染模块(所述页面渲染模块可以是canvas,canvas是html5提供的新的功能,如果浏览器支持html5的新特性,就能使用这个功能,目前谷歌、火狐、IE9以上都支持这个新功能,本发明所述的方法是需要开发人员编写对应的JavaScript程序使用canvas对页面进行绘制进行实现的)对页面进行绘制,如图3、4所示,批注完成保存时,将绘制内容通过浏览器页面渲染模块(可以是canvas自带的功能,可以将绘制内容生成图片内容)转成图片发送至服务器,服务器根据信息(图片对应的页码)将word与图片合并,合并操作是服务端程序提供的,基于办公软件提供的部分能力,可以将图片与源文档进行合并操作,最终形成一个合并后的最终文件,如图4。

上述JavaScript程序中签批功能的局部相关代码如下:

综上所述,本发明提出了一种基于JavaScript技术实现在浏览器中对文件自定义批注的方法,利用本发明所述的实现在浏览器中对文件批注的方法,方便用户在浏览器内对文件进行签批,省掉了下载重新打开文件的操作步骤,让办公及生活更加的便捷省心。

在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不必针对的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。此外,本领域人员可以将本说明书中描述的不同实施例或示例进行接合和组合。

尽管上面已经示出和描述了本发明的实施例,可以理解的是,上述实施例是示例性的,不能理解为对本发明的限制,本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改和变型。

10页详细技术资料下载
上一篇:一种医用注射器针头装配设备
下一篇:一种合同在线生成方法、装置及可读存储介质

网友询问留言

已有0条留言

还没有人留言评论。精彩留言会获得点赞!

精彩留言,会给你点赞!