CN112767225A - 前端图像处理方法、装置、电子设备和可读存储介质 - Google Patents
前端图像处理方法、装置、电子设备和可读存储介质 Download PDFInfo
- Publication number
- CN112767225A CN112767225A CN202110050289.8A CN202110050289A CN112767225A CN 112767225 A CN112767225 A CN 112767225A CN 202110050289 A CN202110050289 A CN 202110050289A CN 112767225 A CN112767225 A CN 112767225A
- Authority
- CN
- China
- Prior art keywords
- image
- image processing
- processing method
- processing
- processed
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 38
- 238000012545 processing Methods 0.000 claims abstract description 145
- 238000005516 engineering process Methods 0.000 claims abstract description 19
- 230000002452 interceptive effect Effects 0.000 claims abstract description 11
- 238000006243 chemical reaction Methods 0.000 claims abstract description 5
- 238000004422 calculation algorithm Methods 0.000 claims description 35
- 238000004891 communication Methods 0.000 claims description 20
- 230000009466 transformation Effects 0.000 claims description 11
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 claims description 6
- 238000004590 computer program Methods 0.000 claims description 3
- 238000000034 method Methods 0.000 abstract description 25
- 230000003993 interaction Effects 0.000 abstract description 9
- 230000008569 process Effects 0.000 abstract description 3
- 230000006870 function Effects 0.000 description 18
- 238000010586 diagram Methods 0.000 description 8
- 230000000694 effects Effects 0.000 description 6
- 238000009877 rendering Methods 0.000 description 5
- 238000004458 analytical method Methods 0.000 description 3
- 230000027455 binding Effects 0.000 description 3
- 238000009739 binding Methods 0.000 description 3
- 238000012423 maintenance Methods 0.000 description 3
- 238000012795 verification Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 2
- 238000013500 data storage Methods 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000003190 augmentative effect Effects 0.000 description 1
- 238000010191 image analysis Methods 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 238000013515 script Methods 0.000 description 1
- 239000004984 smart glass Substances 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T1/00—General purpose image data processing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F21/00—Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
- G06F21/10—Protecting distributed programs or content, e.g. vending or licensing of copyrighted material ; Digital rights management [DRM]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Multimedia (AREA)
- Technology Law (AREA)
- Computer Hardware Design (AREA)
- Computer Security & Cryptography (AREA)
- General Engineering & Computer Science (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本公开提供了一种前端图像处理方法、装置、电子设备和可读存储介质,涉及计算机技术领域。其中,前端图像处理方法包括:对请求进行图像处理的前端用户进行身份验证;接收通过身份验证的前端用户发送的图像信息;根据图像信息下载图像源文件并进行解密处理;根据解密处理的结果确定待处理的图像;将待处理的图像转换为通用图像格式;将通用图像格式的图像返回至前端交互界面。通过本公开的技术方案,服务端提供用户身份验证、解密处理和格式转换等服务后,将图像返回至Web前端,Web前端使用WebGL、OpenCV等技术对图像进行处理分析,提高了图像处理的效率、可靠性和安全性,实现了多台显示器对图像、图像相关文本数据的关联展示,提升了用户交互体验。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及一种前端图像处理方法、装置、电子设备和可读存储介质。
背景技术
现有的技术方案中,通过客户端软件实现图像的处理分析,但是客户端的安装部署比较麻烦、升级维护也相对困难,另外还至少存在以下缺点:
(1)图像处理方案中存在安全隐患,一方面,请求进行图像处理的客户端可能存在安全问题,另一方面,对图像进行处理的开源算法是未加密的,存在被攻击或篡改的可能性。
(2)图像处理功能相对轻量级,客户端对处理后的图像的呈现效果单一,用户对前端图像处理的体验感不够丰富。
需要说明的是,在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
本公开的目的在于提供一种前端图像处理方法、装置、电子设备和可读存储介质,至少在一定程度上克服相关技术中前端处理图像的安全性差的问题。
本公开的其他特性和优点将通过后续的详细描述变得显然,或部分地通过本公开的实践而习得。
根据本公开的一个方面,提供一种前端图像处理方法,包括:对请求进行图像处理的前端用户进行身份验证;接收通过身份验证的前端用户发送的图像信息;根据图像信息下载图像源文件并进行解密处理;根据解密处理的结果确定待处理的图像;将待处理的图像转换为通用图像格式;将通用图像格式的图像返回至前端交互界面。
在本公开的一个实施例中,对请求进行图像处理的前端用户进行身份验证包括:获取请求进行图像处理的前端用户的身份信息;通过缓存服务对身份信息和身份信息的有效期进行验证。
根据本公开的另一个方面,提供一种前端图像处理方法,包括:向服务端发送打开图像的请求;获取服务端通过上述任一项技术方案限定的前端图像处理方法进行处理后的图像;通过前端图像处理算法对通用图像格式的图像进行算法处理;将通用图像格式的图像和图像的关联文本显示于至少两个关联的显示器。
在本公开的一个实施例中,将算法处理后的图像和图像的关联文本显示于至少两个关联的显示器包括:确定算法处理后的图像和关联文本之间的对应关系;通过chrome插件、跨源通信技术和对应关系,将图像和关联文本关联显示于至少两个关联的显示器。
在本公开的一个实施例中,还包括:通过JavaScript混淆器对前端图像处理算法进行加密处理,前端图像处理算法包括WebGL和/或OpenCV。
在本公开的一个实施例中,算法处理包括直方图均衡、线性变换、对数变换、伪彩色、灰度、边缘增强、反色和水平镜像中的至少一种。
根据本公开的另一个方面,提供一种前端图像处理装置,包括:验证模块,用于对请求进行图像处理的前端用户进行身份验证;接收模块,用于接收通过身份验证的前端用户发送的图像信息;解密模块,用于根据图像信息下载图像源文件并进行解密处理;确定模块,用于根据解密处理的结果确定待处理的图像;转换模块,用于将待处理的图像转换为通用图像格式;发送模块,用于将通用图像格式的图像返回至前端交互界面。
根据本公开的另一个方面,提供一种前端图像处理装置,包括:发送模块,用于向服务端发送打开图像的请求;接收模块,用于获取服务端通过上述任一项技术方案的前端图像处理方法进行处理后的图像;处理模块,用于通过前端图像处理算法对通用图像格式的图像进行算法处理;显示模块,用于将通用图像格式的图像和图像的关联文本显示于至少两个关联的显示器。
根据本公开的再一个方面,提供一种电子设备,包括:处理器;以及存储器,用于存储处理器的可执行指令;其中,处理器配置为经由执行可执行指令来执行上述任意一项的前端图像处理方法。
根据本公开的又一个方面,提供一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述任意一项的前端图像处理方法。
本公开的实施例所提供的前端图像处理方案,通过响应客户端请求,实现前端用户身份认证、图像在线处理功能使用有效期的认证,可以防止未经授权的用户使用前端系统,提升了前端图像处理方案的安全性和合法性。
进一步地,基于本公开的前端图像处理方案,获取图像的源文件后,判断图像的源文件是否加密以及所用加密方法,对加密的源图像进行解密,系统中图像源文件加密保存及传输,有效保障数据存储和数据传输过程中的安全。
进一步地,基于本公开的前端图像处理方案,通过判断图像文件格式,将多种行业专用图像格式转换为通用格式进行处理,提高了处理后的图像的兼容性。
进一步地,基于本公开的前端图像处理方案,使用JavaScript Obfuscator(混淆器)技术对图像在线处理算法JS文件进行混淆加密,可以有效保障核心算法安全,防止算法泄密或者传播。
进一步地,基于本公开的前端图像处理方案,充分利用前端浏览器的优势,使用WebGL和OpenCV等技术进行图像处理分析,实现直方图均衡、线性变换、对数变换、伪彩色、灰度、边缘增强、反色和水平镜像等图像在线处理功能,以提升图像的前端展示效果。
进一步地,基于本公开的前端图像处理方案,使用Chrome插件和PostMessage(跨源通信)技术,实现浏览器左右屏幕数据交互,两台计算机显示器根据用户需要,分别进行图像、图像相关文本数据的关联展示,提升用户交互体验。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示出本公开实施例中一种前端图像处理方法的示意图;
图2示出本公开实施例中另一种前端图像处理方法的流程图;
图3示出本公开实施例中又一种前端图像处理方法的流程图;
图4示出本公开实施例中又一种前端图像处理方法的流程图;
图5示出本公开实施例中又一种前端图像处理方法的流程图;
图6示出本公开实施例中一种前端图像处理平台的流程图;
图7示出本公开实施例中又一种前端图像处理方法的流程图;
图8示出本公开实施例中一种前端图像处理装置的示意图;
图9示出本公开实施例中另一种前端图像处理装置的示意图;
图10示出本公开实施例中一种电子设备的示意图。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而,示例实施方式能够以多种形式实施,且不应被理解为限于在此阐述的范例;相反,提供这些实施方式使得本公开将更加全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。
此外,附图仅为本公开的示意性图解,并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体,不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
本公开提供的方案,通过响应客户端请求,实现前端用户身份认证、图像在线处理功能使用有效期的认证,可以防止未经授权的用户使用前端系统,提升了前端图像处理方案的安全性和合法性。
上述前端图像处理方案可以通过多个终端和服务端集群的交互实现。
终端可以是手机、游戏主机、平板电脑、电子书阅读器、智能眼镜、MP4(MovingPicture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、智能家居设备、AR(Augmented Reality,增强现实)设备、VR(Virtual Reality,虚拟现实)设备等移动终端,或者,终端也可以是个人计算机(Personal Computer,PC),比如膝上型便携计算机和台式计算机等等。
其中,终端中可以安装有用于提供前端图像处理的应用程序。
终端与服务端集群之间通过通信网络相连。可选的,通信网络是有线网络或无线网络。
服务端集群是一台服务端,或者由若干台服务端组成,或者是一个虚拟化平台,或者是一个云计算服务中心。服务端集群用于为提供前端图像处理的应用程序提供后台服务。可选地,服务端集群承担主要计算工作,终端承担次要计算工作;或者,服务端集群承担次要计算工作,终端承担主要计算工作;或者,终端和服务端集群之间采用分布式计算架构进行协同计算。
可选地,不同的终端中安装的应用程序的客户端是相同的,或两个终端上安装的应用程序的客户端是不同控制系统平台的同一类型应用程序的客户端。基于终端平台的不同,该应用程序的客户端的具体形态也可以不同,比如,该应用程序客户端可以是手机客户端、PC客户端或者全球广域网客户端等。
本领域技术人员可以知晓,上述终端的数量可以更多或更少。比如上述终端可以仅为一个,或者上述终端为几十个或几百个,或者更多数量。本公开实施例对终端的数量和设备类型不加以限定。
可选的,该系统还可以包括管理设备,该管理设备与服务端集群之间通过通信网络相连。可选的,通信网络是有线网络或无线网络。
可选的,上述的无线网络或有线网络使用标准通信技术和/或协议。网络通常为因特网、但也可以是任何网络,包括但不限于局域网(Local Area Network,LAN)、城域网(Metropolitan Area Network,MAN)、广域网(Wide Area Network,WAN)、移动、有线或者无线网络、专用网络或者虚拟专用网络的任何组合)。在一些实施例中,使用包括超文本标记语言(Hyper Text Mark-up Language,HTML)、可扩展标记语言(ExtensibleMarkupLanguage,XML)等的技术和/或格式来代表通过网络交换的数据。此外还可以使用诸如安全套接字层(Secure Socket Layer,SSL)、传输层安全(Transport Layer Security,TLS)、虚拟专用网络(Virtual Private Network,VPN)、网际协议安全(InternetProtocolSecurity,IPsec)等常规加密技术来加密所有或者一些链路。在另一些实施例中,还可以使用定制和/或专用数据通信技术取代或者补充上述数据通信技术。
下面,将结合附图及实施例对本示例实施方式中的前端图像处理方法的各个步骤进行更详细的说明。
图1示出本公开实施例中一种前端图像处理方法流程图。本公开实施例提供的方法可以由任意具备计算处理能力的电子设备执行。
如图1所示,电子设备执行前端图像处理方法,包括以下步骤:
步骤S102,对请求进行图像处理的前端用户进行身份验证。
在本公开的一个实施例中,通过响应客户端请求,实现前端用户身份认证、图像在线处理功能使用有效期的认证,可以防止未经授权的用户使用前端系统,提升了前端图像处理方案的安全性和合法性。
步骤S104,接收通过身份验证的前端用户发送的图像信息。
步骤S106,根据图像信息下载图像源文件并进行解密处理。
在本公开的一个实施例中,通过判断经过身份验证的前端用户请求处理的图像是否加密以及所用加密方法,并对加密的源图像进行解密,有效提升了数据存储、数据传输过程中的安全性。
步骤S108,根据解密处理的结果确定待处理的图像。
在本公开的一个实施例中,通过接收通过身份验证的前端用户发送的图像信息,保证了前端用户的身份的合法性,通过对下载图像源文件进行解密处理,进一步地提高了图像的安全性。
步骤S110,将待处理的图像转换为通用图像格式。
步骤S112,将通用图像格式的图像返回至前端交互界面。
在本公开的一个实施例中,通过将待处理的图像转换为通用图像格式并返回至前端交互界面,提高了图像处理系统的兼容性,提高了前端处理图像的效率和安全性,缩短了前端用户的等待时间,提升了前端用户的交互体验。
如图2所示,对请求进行图像处理的前端用户进行身份验证包括:
步骤S202,获取请求进行图像处理的前端用户的身份信息。
步骤S204,通过缓存服务对身份信息和身份信息的有效期进行验证。
在本公开的一个实施例中,通过缓存服务对身份信息和身份信息的有效期进行验证,以提升前端图像处理的安全性和合法性,可例如,使用Redis缓存服务对网页端用户进行身份、图像在线处理功能使用有效期的认证。
图3示出本公开实施例中另一种前端图像处理方法流程图。本公开实施例提供的方法可以由任意具备计算处理能力的电子设备执行。
如图3所示,电子设备执行前端图像处理方法,包括以下步骤:
步骤S302,向服务端发送打开图像的请求。
步骤S304,获取服务端通过上述任一项技术方案限定的前端图像处理方法进行处理后的图像。
步骤S306,通过前端图像处理算法对通用图像格式的图像进行算法处理。
步骤S308,将通用图像格式的图像和图像的关联文本显示于至少两个关联的显示器。
在本公开的一个实施例中,通过前端图像处理算法对待处理的图像进行算法处理,有利于提升图像在前端的显示效果,前端图像处理算法可例如WebGL和OpenCV,但不限于此,有利于提高图像处理的效率和渲染展示效果。
其中,WebGL是一种3D绘图标准,这种绘图技术标准把JavaScript和OpenGLES2.0结合在一起,通过HTML5(HyperText Markup Language,第五代超文本标记语言)的Canvas(图形的容器)来和DOM(Document Object Model,文档对象模型)打交道,为HTML5的Canvas提供硬件3D加速渲染。WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等。
另外,OpenGL规范描述了绘制2D和3D图形的抽象API(Application ProgramInterface,应用程序接口)。
OpenGL有许多语言绑定,值得一提的包括:JavaScript绑定的WebGL(基于OpenGLES2.0在Web浏览器中的进行3D渲染的API);iOS提供的C绑定;Android提供的Java和C绑定。
OpenGL功能:具有建模、变换、色彩处理、光线处理、纹理影射、图像处理、动画及物体运动模糊。
在本公开的一个实施例中,预设多个显示器分别用于显示父窗口和子窗口,父窗口和子窗口分别用于显示图像和关联文字,或父窗口和子窗口分别用于显示关联文字和图像,通过关联显示以提升图像的可视化效果、丰富性和直观性。
具体地,可以通过postMessage()方法来实现上述多个显示器的关联显示,postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信,可以实现跨文本档、多窗口、跨域消息传递,postMessage(data,origin)方法接受两个参数data和origin,具体如下:
1.data:要传递的数据,html5规范中提到该参数可以是JavaScript的任意基本类型或可复制的对象,然而并不是所有浏览器都做到了这点儿,部分浏览器只能处理字符串参数,所以我们在传递参数的时候需要使用JSON.stringify()方法对对象参数序列化,在低版本IE中引用json2.js可以实现类似效果。其中,JSON.stringify()方法将JavaScript对象转换为字符串的函数。
2.origin:字符串参数,指明目标窗口的源,协议+主机+端口号[+URL],URL(Uniform Resource Locator,统一资源定位符)会被忽略,所以可以不写,这个参数是为了安全考虑,postMessage()方法只会将message传递给指定窗口,当然如果愿意也可以建参数设置为"*",这样可以传递给任意窗口,如果要指定和当前窗口同源的话设置为"/"。
如图4所示,将算法处理后的图像和图像的关联文本显示于至少两个关联的显示器包括:
步骤S402,确定算法处理后的图像和关联文本之间的对应关系。
步骤S404,通过chrome插件、跨源通信技术和对应关系,将图像和关联文本关联显示于至少两个关联的显示器。
在本公开的一个实施例中,跨源通信技术是HTML(HyperText Markup Language,超文本标记语言)的DOM事件中的"on message"事件,这个事件的描述是"该事件通过或者从对象(WebSocket(网络嵌套字)、WebWorker(网络工作者)、Event Source(事件源)或者子窗口或父窗口)接收到消息时触发"。在这个应用场景中"on message"的作用就是父窗口接收信息。
进一步地,postMessage(邮件)技术可以安全地实现跨源通信,它接受三个参数,第一个是message,也就是需要发送的信息;第二个是target Origin(目标原始数据),通过窗口的orgin(原始数据)属性来指定哪些窗口能接收到消息事件,其值可以是字符串"*"(表示无限制)或者一个URI。在发送消息的时候,如果目标窗口的协议、主机地址或端口这三者的任意一项不匹配target Origin提供的值,那么消息就不会被发送;只有三者完全匹配,消息才会被发送。这一点在传递一些比如密码之类的加密数据时尤为重要。第三个参数是一串和message同时传递的Transferable(可转移的)对象,这些对象的所有权将被转移给消息的接收方,而发送一方将不再保有所有权。这样通过"on message"和postMessage就可以实现父子页面的通信了。
因此,基于chrome插件、跨源通信技术和对应关系,实现浏览器左右屏幕数据交互,两台显示器能够根据用户需要,分别进行图像、图像相关文本数据的关联展示,提升用户交互体验。
如图5所示,在本公开的一个实施例中,电子设备执行前端图像处理方法还包括:
步骤S502,通过JavaScript混淆器对前端图像处理算法进行加密处理,前端图像处理算法包括WebGL和/或OpenCV。
在本公开的一个实施例中,JavaScript混淆器(Obfuscator)技术对图像在线处理算法JS文件进行混淆加密,提升了前端图像处理算法的安全性。
在本公开的一个实施例中,算法处理包括直方图均衡、线性变换、对数变换、伪彩色、灰度、边缘增强、反色和水平镜像中的至少一种。
综上,通过本公开的前端图像处理方案,利用Web前端应用部署灵活、升级维护简单等优势,提供了一种安全性高、易扩展维护、图像处理功能强大、用户交互友好的图像在线处理方法,通过用户认证、图像解密、图像格式转换、图像处理算法混淆加密、基于WebGL和OpenCV等技术的图像在线处理分析、跨源通信、浏览器左右分屏数据交互等相关技术,实现基于Web前端的直方图均衡、线性变换、对数变换、伪彩色、灰度、边缘增强、反色、水平镜像等图像在线处理功能。
下面参照图6来描述根据本公开的这种实施方式的前端图像处理平台600。图6所示的前端图像处理平台600仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图6所示,前端图像处理平台600包括多个Web前端(如图6所示的第一个前端设备602和第N个前端设备)、图像在线处理服务端604和图像存储606。
(1)第一个前端设备602包括第一显示器6022和第二显示器6024,具体处理的操作包括:
(1.1)客户端发出图像在线处理请求。
(1.2)使用JavaScript Obfuscator技术,对前端图像处理算法JS进行混淆加密,混淆加密后的JS并不影响代码逻辑,浏览器可以自动识别。
(1.3)接收图像数据,根据用户选择的功能,使用WebGL和OpenCV等技术对图像进行处理。
(1.4)基于Chrome插件和PostMessage跨源通信技术,实现浏览器左右屏幕数据交互,两台计算机显示器根据用户需要,分别进行图像、图像相关文本数据的关联展示。
(2)图像存储606处理的操作包括:
用户请求图像的存储地址,可以是图像在线处理网站所在的本地存储环境,也可以是图像在线处理网站可以访问到的一个网络地址。
(3)图像在线处理服务端604处理的操作包括:
(3.1)响应于前端用户请求,使用Redis缓存服务对用户进行身份、图像在线处理功能使用有效期的认证。
(3.2)获取用户请求的源图像文件,判断其是否加密,如果加密,进行解密操作。
(3.3)判断图像文件是否为通用格式,如果非通用格式,进行图像格式转换。
(3.4)将图像文件发送到前端交互界面。
下面参照图7来描述根据本公开的这种实施方式的前端图像处理方案的示意图。图7所示的前端图像处理方案仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图7和表1所示,前端图像处理方案的第一个实施例包括:
步骤S702,客户端发出请求。
步骤S704,判断是否已打开图像,若是,则执行步骤S706,若否,则执行步骤S712。
步骤S706,图像分析处理请求。
步骤S708,使用WebGL、OpenCV等技术对图像做对应算法处理。
步骤S710,图像处理结果渲染到图像显示区域。在结束步骤S710后,结束流程。
如图7和表1所示,前端图像处理方案的第二个实施例包括:
步骤S702,客户端发出请求。
步骤S704,判断是否打开图像,若是,则执行步骤S706,若否,则执行步骤S712。
步骤S712,验证用户身份及使用有效期。
步骤S714,判断是否验证成功,若是,则执行步骤S716,若否,则结束。
步骤S716,接收图像源文件。
步骤S718,请求图像信息。图像信息存储于用于实现图像存储且具备通信功能的硬件设备中。
步骤S720,获取图像信息,下载图像源文件成功。
步骤S722,判断源文件是否加密,若是,则执行步骤S724,若否,则执行步骤S726。
步骤S724,对源文件进行解密。
步骤S726,判断是否为通用格式,若是,则执行步骤S730,若否,则执行步骤S728。
步骤S728,文件转换为Web前端可处理的通用图像格式。
步骤S730,图像文件发送Web前端交互界面。
步骤S732,接收图像文件。
步骤S734,使用WebGL、OpenCV等技术对图像做对应算法处理。
步骤S736,图像处理结果渲染到图像显示区域。
步骤S738,浏览器左右屏幕交互,打开图像及对应文本数据信息。
值得特别指出的是,在Web前端执行步骤S704步骤后,一方面,可以执行步骤S706、步骤S708和步骤S710的流程,另一方面,可以执行步骤S712-步骤S738的流程。
另外,在分屏显示图像后,还可以再进行算法处理,并将图像处理结果渲染到图像显示区域,即至少两个分屏显示。也可以先对接收的图像进行算法处理,再通过至少两个分屏显示渲染后的图像。
表1
下面参照图8来描述根据本公开的这种实施方式的前端图像处理装置800。图8所示的前端图像处理装置800仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
前端图像处理装置800以硬件模块的形式表现。前端图像处理装置800的组件可以包括但不限于:验证模块802、接收模块804、解密模块806、确定模块808、转换模块810和发送模块812。
验证模块802,用于对请求进行图像处理的前端用户进行身份验证。
接收模块804,用于接收通过身份验证的前端用户发送的图像信息。
解密模块806,用于根据图像信息下载图像源文件并进行解密处理。
确定模块808,用于根据解密处理的结果确定待处理的图像。
转换模块810,用于将待处理的图像转换为通用图像格式。
发送模块812,用于将通用图像格式的图像返回至前端交互界面。
下面参照图9来描述根据本公开的这种实施方式的前端图像处理装置900。图9所示的前端图像处理装置900仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
前端图像处理装置900以硬件模块的形式表现。前端图像处理装置900的组件可以包括但不限于:发送模块902、接收模块904、处理模块906和显示模块908。
发送模块902,用于向服务端发送打开图像的请求。
接收模块904,用于获取服务端通过上述任一项前端图像处理方法进行处理后的图像。
处理模块906,用于通过前端图像处理算法对通用图像格式的图像进行算法处理。
显示模块908,用于将通用图像格式的图像和图像的关联文本显示于至少两个关联的显示器。
下面参照图10来描述根据本公开的这种实施方式的电子设备1000。图10显示的电子设备1000仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图10所示,电子设备1000以通用计算设备的形式表现。电子设备1000的组件可以包括但不限于:上述至少一个处理单元1010、上述至少一个存储单元1020、连接不同系统组件(包括存储单元1020和处理单元1010)的总线1030。
其中,存储单元存储有程序代码,程序代码可以被处理单元1010执行,使得处理单元1010执行本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施方式的步骤。例如,处理单元1010可以执行本公开的前端图像处理方法中限定的步骤。
存储单元1020可以包括易失性存储单元形式的可读介质,例如随机存取存储单元(RAM)10201和/或高速缓存存储单元10202,还可以进一步包括只读存储单元(ROM)10203。
存储单元1020还可以包括具有一组(至少一个)程序模块10205的程序/实用工具10204,这样的程序模块10205包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线1030可以为表示几类总线结构中的一种或多种,包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备1000也可以与一个或多个外部设备1040(例如键盘、指向设备、蓝牙设备等)通信,还可与一个或者多个使得用户能与该电子设备交互的设备通信,和/或与使得该电子设备1000能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口1050进行。并且,电子设备1000还可以通过网络适配器1110与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信,网络适配器1110通过总线1030与电子设备1000的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RA标识系统、磁带驱动器以及数据备份存储系统等。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务端、终端装置、或者网络设备等)执行根据本公开实施方式的方法。
在本公开的示例性实施例中,还提供了一种计算机可读存储介质,其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中,本公开的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当程序产品在终端设备上运行时,程序代码用于使终端设备执行本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施方式的步骤。
根据本公开的实施方式的用于实现上述方法的程序产品,其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在终端设备,例如个人电脑上运行。然而,本公开的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本公开操作的程序代码,程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务端上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本公开的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
此外,尽管在附图中以特定顺序描述了本公开中方法的各个步骤,但是,这并非要求或者暗示必须按照该特定顺序来执行这些步骤,或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的,可以省略某些步骤,将多个步骤合并为一个步骤执行,以及/或者将一个步骤分解为多个步骤执行等。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务端、移动终端、或者网络设备等)执行根据本公开实施方式的方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由所附的权利要求指出。
Claims (10)
1.一种前端图像处理方法,其特征在于,包括:
对请求进行图像处理的前端用户进行身份验证;
接收通过所述身份验证的前端用户发送的图像信息;
根据所述图像信息下载图像源文件并进行解密处理;
根据所述解密处理的结果确定待处理的图像;
将待处理的图像转换为通用图像格式;
将所述通用图像格式的图像返回至所述前端交互界面。
2.根据权利要求1所述的前端图像处理方法,其特征在于,对请求进行图像处理的前端用户进行身份验证包括:
获取请求进行所述图像处理的前端用户的身份信息;
通过缓存服务对所述身份信息和所述身份信息的有效期进行验证。
3.一种前端图像处理方法,其特征在于,包括:
向服务端发送打开图像的请求;
获取所述服务端通过权利要求1或2所述的前端图像处理方法进行处理后的图像;
通过前端图像处理算法对所述通用图像格式的图像进行算法处理;
将所述通用图像格式的图像和所述图像的关联文本显示于至少两个关联的显示器。
4.根据权利要求3所述的前端图像处理方法,其特征在于,将所述算法处理后的图像和所述图像的关联文本显示于至少两个关联的显示器包括:
确定所述算法处理后的图像和所述关联文本之间的对应关系;
通过chrome插件、跨源通信技术和所述对应关系,将所述图像和所述关联文本关联显示于至少两个关联的所述显示器。
5.根据权利要求3所述的前端图像处理方法,其特征在于,还包括:
通过JavaScript混淆器对所述前端图像处理算法进行加密处理,所述前端图像处理算法包括WebGL和/或OpenCV。
6.根据权利要求3-5中任一项所述的前端图像处理方法,其特征在于,所述算法处理包括直方图均衡、线性变换、对数变换、伪彩色、灰度、边缘增强、反色和水平镜像中的至少一种。
7.一种前端图像处理装置,其特征在于,包括:
验证模块,用于对请求进行图像处理的前端用户进行身份验证;
接收模块,用于接收通过所述身份验证的前端用户发送的图像信息;
解密模块,用于根据所述图像信息下载图像源文件并进行解密处理;
确定模块,用于根据所述解密处理的结果确定待处理的图像;
转换模块,用于将所述待处理的图像转换为通用图像格式;
发送模块,用于将所述通用图像格式的图像返回至所述前端交互界面。
8.一种前端图像处理装置,其特征在于,包括:
发送模块,用于向服务端发送打开图像的请求;
接收模块,用于获取所述服务端通过权利要求1或2所述的前端图像处理方法进行处理后的图像;
处理模块,用于通过前端图像处理算法对所述通用图像格式的图像进行算法处理;
显示模块,用于将所述通用图像格式的图像和所述图像的关联文本显示于至少两个关联的显示器。
9.一种电子设备,其特征在于,包括:
处理器;以及
存储器,用于存储所述处理器的可执行指令;
其中,所述处理器配置为经由执行所述可执行指令来执行权利要求1-7中任一项所述的前端图像处理方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,
所述计算机程序被处理器执行时实现权利要求1-7中任一项所述的前端图像处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110050289.8A CN112767225A (zh) | 2021-01-14 | 2021-01-14 | 前端图像处理方法、装置、电子设备和可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110050289.8A CN112767225A (zh) | 2021-01-14 | 2021-01-14 | 前端图像处理方法、装置、电子设备和可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112767225A true CN112767225A (zh) | 2021-05-07 |
Family
ID=75700702
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110050289.8A Pending CN112767225A (zh) | 2021-01-14 | 2021-01-14 | 前端图像处理方法、装置、电子设备和可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112767225A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113918366A (zh) * | 2021-12-14 | 2022-01-11 | 北京鲸鲮信息系统技术有限公司 | 信息处理方法、装置、电子设备及存储介质 |
-
2021
- 2021-01-14 CN CN202110050289.8A patent/CN112767225A/zh active Pending
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113918366A (zh) * | 2021-12-14 | 2022-01-11 | 北京鲸鲮信息系统技术有限公司 | 信息处理方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP4363847B2 (ja) | インタラクティブ・テレビ用のデジタル・テレビ・アプリケーション・プロトコル | |
US8539224B2 (en) | Obscuring form data through obfuscation | |
CN107924318A (zh) | 基于web浏览器的桌面和应用远程处理解决方案 | |
CN111193725B (zh) | 一种基于配置的联合登录方法、装置和计算机设备 | |
CN111669447A (zh) | 一种页面显示方法、装置、设备和介质 | |
CN110807111A (zh) | 三维图形的处理方法及装置、存储介质、电子设备 | |
CN113434852A (zh) | 密码处理方法、密码验证方法及装置、介质及电子设备 | |
US10936738B1 (en) | Moderator to extend application functionality | |
CN112767225A (zh) | 前端图像处理方法、装置、电子设备和可读存储介质 | |
CN112733167A (zh) | 电子证据数据的处理方法、装置、电子设备和存储介质 | |
Grimstead et al. | RAVE: the resource‐aware visualization environment | |
CN113794553A (zh) | 数据传输方法、装置、电子设备和存储介质 | |
CN112583816B (zh) | 登录验证方法、装置、电子设备和存储介质 | |
CN111835804A (zh) | 内外网间的数据传输方法、装置及系统 | |
CN111367525B (zh) | 一种前端架构系统 | |
CN113656782A (zh) | 聚合标识码的方法、聚合标识码的装置和电子设备 | |
CN114259734A (zh) | 游戏试玩方法和装置、计算机可读存储介质、电子设备 | |
CN109190338B (zh) | 一种虚拟化桌面屏幕水印生成方法及系统 | |
CN113824756A (zh) | 文件处理方法、装置、存储介质及电子设备 | |
US20170244649A1 (en) | Method of and a system for providing access to a file to a web resource | |
CN115664797A (zh) | 信息传输方法、装置、设备及存储介质 | |
CN113783835B (zh) | 一种口令分享方法、装置、设备及存储介质 | |
CN110430175B (zh) | 基于ac35平台的加密协议植入方法、装置及设备 | |
CN108958771A (zh) | 应用程序的更新方法、装置、服务器及存储介质 | |
US11790092B1 (en) | Cryptoprocessor access management |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |