CN115130034A - 图片编码的生成方法、装置、设备及计算机可读存储介质 - Google Patents
图片编码的生成方法、装置、设备及计算机可读存储介质 Download PDFInfo
- Publication number
- CN115130034A CN115130034A CN202211037261.1A CN202211037261A CN115130034A CN 115130034 A CN115130034 A CN 115130034A CN 202211037261 A CN202211037261 A CN 202211037261A CN 115130034 A CN115130034 A CN 115130034A
- Authority
- CN
- China
- Prior art keywords
- picture
- processed
- base64
- target
- canvas
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种图片编码的生成方法、装置、设备及计算机可读存储介质,涉及图片处理技术领域,所述图片编码的生成方法:接收目标待处理图片的base64编码生成请求;获取所述目标待处理图片的资源地址;创建新的待处理图片对象并将所述资源地址赋值给所述待处理图片对象;基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码。本发明通过浏览器上的插件,直接将用户选定的目标图像进行编码转换,并得到目标图像的base64编码,无需下载图片和额外使用相应的转换工具,减少了用户在进行图片转换base64编码时的步骤,为用户带来方便。
Description
技术领域
本发明涉及图片处理技术领域,尤其涉及一种图片编码的生成方法、装置、设备及计算机可读存储介质。
背景技术
base64(基于64个可打印字符来表示二进制数据)是网络上常见的用于传输8Bit字节码的编码方式之一。base64编码是从二进制到字符的过程,可用于在HTTP环境下传递较长的标识信息。采用base64编码具有不可读性,需要解码后才能阅读。base64由于以上优点被广泛应用于计算机的各个领域。例如将图片转换成base64编码后传输图片文件可减少前后端交互时http请求(HyperText Transfer Protocol,超文本传送协议)。但是,目前图片转换base64编码的方式,通常需要将把图片下载下来,然后再使用相应的转换工具对下载下来的图片进行base64编码的转换,转换过程较为繁琐需要手动下载图片。
上述内容仅用于辅助理解本发明的技术方案,并不代表承认上述内容是现有技术。
发明内容
本发明的主要目的在于提供一种图片编码的生成方法、装置、设备及计算机可读存储介质,旨在解决目前图片转换base64编码的方式存在转换过程较为繁琐需要手动下载图片的技术问题。
为实现上述目的,本发明提供一种图片编码的生成方法,所述图片编码的生成方法应用于浏览器的插件,所述方法包括以下步骤:
接收目标待处理图片的base64编码生成请求;
获取所述目标待处理图片的资源地址;
创建新的待处理图片对象并将所述资源地址赋值给所述待处理图片对象;
基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码。
进一步的,所述接收目标待处理图片的base64编码生成请求的步骤包括:
基于所述浏览器接收所述目标待处理图片的base64编码生成请求,其中,所述base64编码生成请求在基于预设用户操作确定目标待处理图片后触发。
进一步的,在所述接收目标待处理图片的base64编码生成请求的步骤之前,所述方法包括:
调用所述浏览器的预设接口在所述浏览器的选定菜单中生成图片base64编码生成选项,以供确定所述目标待处理图片。
进一步的,在所述基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码的步骤之后,所述方法包括:
将所述base64编码复制在剪切板上,以使所述目标待处理图片的所述base64编码处于可被获取状态。
进一步的,所述基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码的步骤包括:
将所述待处理图片对象加载至所述canvas画布;
调用所述canvas画布中预设的base64编码转换方法对所述待处理图片对象进行转码得到转换码;
将所述转换码作为所述目标待处理图片的base64编码。
进一步的,所述将所述待处理图片对象加载至所述canvas画布中的步骤包括:
在所述canvas画布中创建canvas画布对象;
在所述canvas画布对象中加载所述待处理图片对象,以将所述处理图片对象加载至所述canvas画布。
进一步的,所述获取所述目标待处理图片的资源地址的步骤包括:
在所述浏览器的当前网页中获取所述目标待处理图片的标签;
从所述标签中获取到所述目标待处理图片的所述资源地址。
此外,为实现上述目的,本发明还提供一种图片编码的生成装置,所述图片编码的生成装置包括:
接收模块,用于接收目标待处理图片的base64编码生成请求;
获取模块,用于获取所述目标待处理图片的资源地址;
创建模块,用于创建新的待处理图片对象并将所述资源地址赋值给所述待处理图片对象;
生成模块,用于基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码。
此外,为实现上述目的,本发明还提供一种图片编码的生成设备,所述图片编码的生成设备包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的图片编码的生成程序,所述图片编码的生成程序被所述处理器执行时实现如上述的图片编码的生成方法的步骤。
此外,为实现上述目的,本发明还提供一种计算机可读储存介质,所述计算机可读存储介质上存储有图片编码的生成程序,所述图片编码的生成程序被处理器执行时实现如上述的图片编码的生成方法的步骤。
本发明实施例提出的一种图片编码的生成方法、装置、设备及计算机可读存储介质,接收目标待处理图片的base64编码生成请求;获取所述目标待处理图片的资源地址;创建新的待处理图片对象并将所述资源地址赋值给所述待处理图片对象;基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码。即在用户选定目标待处理图片后,浏览器上的插件获取目标待处理图片资源地址,再完成具有该资源地址的待处理图片对象的创建,将创建的处理图片对象加载到canvas画布,最后生成目标待处理图片的base64编码。直接在浏览器中实现目标图像进行base64编码转换,并得到目标图像的base64编码。从用户的角度来看,仅需右键选定目标图像并选择base64编码生成选项,即可得到目标待处理图片的base64编码,无需下载图片和额外使用相应的转换工具,减少了用户在进行图片转换base64编码时的步骤,为用户带来方便。
附图说明
图1是本发明实施例方案涉及的硬件运行环境的设备结构示意图;
图2为本发明图片编码的生成方法中的第一实施例的流程示意图;
图3为本发明图片编码的生成方法中的右键选定菜单示意图;
图4为图2中步骤S40的细化流程示意图;
图5为本发明图片编码的生成方法中涉及的装置结构示意图。
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明实施例的主要解决方案是:接收目标待处理图片的base64编码生成请求;获取所述目标待处理图片的资源地址;创建新的待处理图片对象并将所述资源地址赋值给所述待处理图片对象;基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码。
由于目前图片转换base64编码的方式,通常需要将把图片下载下来,然后再使用相应的转换工具对下载下来的图片进行base64编码的转换,转换过程较为繁琐需要手动下载图片。
本发明提供一种解决方案,即在用户选定目标待处理图片后,浏览器上的插件获取目标待处理图片资源地址,再完成具有该资源地址的待处理图片对象的创建,将创建的处理图片对象加载到canvas画布(canvas画布是在HTML5(Hyper Text Markup Language5.0,超文本标记语言5.0)中新增的标签,用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript脚本操作的位图),最后生成目标待处理图片的base64编码。直接在浏览器中实现目标图像进行base64编码转换,并得到目标图像的base64编码。从用户的角度来看,仅需右键选定目标图像并选择base64编码生成选项,即可得到目标待处理图片的base64编码,无需下载图片和额外使用相应的转换工具,减少了用户在进行图片转换base64编码时的步骤,为用户带来方便。
如图1所示,图1是本发明实施例方案涉及的硬件运行环境的设备结构示意图。
本发明实施例设备可以是PC,也可以是智能手机、平板电脑、便携计算机等具有数据接收、数据处理和数据发送功能的电子终端设备。
如图1所示,该设备可以包括:处理器1001,例如CPU,网络接口1004,用户接口1003,存储器1005,通信总线1002。其中,通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard),可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。存储器1005可以是高速RAM存储器,也可以是稳定的存储器(non-volatile memory),例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。
可选地,设备还可以包括摄像头、RF(Radio Frequency,射频)电路,传感器、音频电路、WiFi模块等等。其中,传感器比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示屏的亮度,接近传感器可在移动终端移动到耳边时,关闭显示屏和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别移动终端姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;当然,移动终端还可配置陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
本领域技术人员可以理解,图1中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
如图1所示,作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及图片编码的生成程序。
在图1所示的终端中,网络接口1004主要用于连接后台服务器,与后台服务器进行数据通信;用户接口1003主要用于连接客户端(用户端),与客户端进行数据通信;而处理器1001可以用于调用存储器1005中存储的图片编码的生成程序,并执行以下操作:
接收目标待处理图片的base64编码生成请求;
获取所述目标待处理图片的资源地址;
创建新的待处理图片对象并将所述资源地址赋值给所述待处理图片对象;
基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码。
进一步地,处理器1001可以调用存储器1005中存储的图片编码的生成程序,还执行以下操作:
所述接收目标待处理图片的base64编码生成请求的步骤包括:
基于所述浏览器接收所述目标待处理图片的base64编码生成请求,其中,所述base64编码生成请求在基于预设用户操作确定目标待处理图片后触发。
进一步地,处理器1001可以调用存储器1005中存储的图片编码的生成程序,还执行以下操作:
在所述接收目标待处理图片的base64编码生成请求的步骤之前,所述方法包括:
调用所述浏览器的预设接口在所述浏览器的选定菜单中生成图片base64编码生成选项,以供确定所述目标待处理图片。
进一步地,处理器1001可以调用存储器1005中存储的图片编码的生成程序,还执行以下操作:
在所述基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码的步骤之后,所述方法包括:
将所述base64编码复制在剪切板上,以使所述目标待处理图片的所述base64编码处于可被获取状态。
进一步地,处理器1001可以调用存储器1005中存储的图片编码的生成程序,还执行以下操作:
所述基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码的步骤包括:
将所述待处理图片对象加载至所述canvas画布;
调用所述canvas画布中预设的base64编码转换方法对所述待处理图片对象进行转码得到转换码;
将所述转换码作为所述目标待处理图片的base64编码。
进一步地,处理器1001可以调用存储器1005中存储的图片编码的生成程序,还执行以下操作:
所述将所述待处理图片对象加载至所述canvas画布中的步骤包括:
在所述canvas画布中创建canvas画布对象;
在所述canvas画布对象中加载所述待处理图片对象,以将所述处理图片对象加载至所述canvas画布。
进一步地,处理器1001可以调用存储器1005中存储的图片编码的生成程序,还执行以下操作:
所述获取所述目标待处理图片的资源地址的步骤包括:
在所述浏览器的当前网页中获取所述目标待处理图片的标签;
从所述标签中获取到所述目标待处理图片的所述资源地址。
目标base64编码被广泛应用于计算机的各个领域。例如将图片转换成base64编码后传输图片文件可减少前后端交互时http请求(HyperText Transfer Protocol,超文本传送协议)。但是当前的图片转换base64编码的方式过程较为繁琐,如在需要获取某网页中图片的base64编码,首先需要将图片从网页中下载下来,再将下载下来的图片通过相应的转换工具生成得到该图片的base64编码,因此,需要用户手动下载图片并使用工具进行转换,转换过程不方便。
参照图2,本发明图片编码的生成方法的第一实施例提供一种图片编码的生成方法,所述图片编码的生成方法应用于浏览器的插件,所述图片编码的生成方法包括:
步骤S10,接收目标待处理图片的base64编码生成请求;
需要说明的是,在本实施例中,实施主体为挂载在浏览器上的图片base64编码生成插件,浏览器上的插件通常是指遵循一定规范的应用程序接口,可增加浏览器的功能。因此,本实施例中上述的图片编码的生成方法在实施之前,用户需将本实施例中的图片base64编码生成插件安装至浏览器。安装完成后,图片base64编码生成插件(以下用插件代替描述)即可接收用户选定的目标待处理图片的base64编码生成请求。
进一步的,基于所述浏览器接收所述目标待处理图片的base64编码生成请求,其中,所述base64编码生成请求在基于预设用户操作确定目标待处理图片后触发。
进一步的,调用所述浏览器的预设接口在所述浏览器的选定菜单中生成图片base64编码生成选项,以供确定所述目标待处理图片。
具体的,插件将调用游览器的对应的API接口(Application ProgrammingInterface,应用程序编程接口),即预设接口,用于在浏览器的选定菜单中生成图片base64编码生成选项。例如,对于Chrome浏览器(谷歌浏览器),API接口的名称为chrome.contextMenus.create,即生成右键菜单选项(即上述选定菜单),对应的实现代码为:chrome.contextMenus.create({"title": '复制base64编码,id: 'selectImg',contexts: ['image'],onclick: getImg})(生成右键菜单选项“复制base64编码”)。当用户在浏览器上浏览网页找到可用图片时,可直接在网页上通过右键选中该图片。此时将弹出右键选定菜单,且右键选定菜单中将包括生成图片base64编码生成选项,可供用户选择,具体可参照图3,图3为右键选中该图片弹出的右键选定菜单,右键选定菜单的选项包括:退出全屏模式、返回、前进以及重新加载等,具体可参照图3,其中,虚线框内的选项为“复制图片base64编码”(或者选项名称为图片base64编码生成,具体名称可由技术人员自由设置)即为本实施例中插件所生成。在弹出右键选定菜单后,用户选中“复制图片base64编码”即可得到图片的base64编码。而用户在右键选定的图片即为上述目标待处理图片,并且在用户选定目标待处理图片且在右键菜单选项中选择了图片base64编码生成选项后,即可判定为接收到生成目标待处理图片的base64编码生成请求。
可以理解的是,在本实施例中,插件通过浏览器右键菜单即可完成目标待处理图片的确定以及接收该目标待处理图片的base64编码生成请求。无需用户重新下载图像。
步骤S20,获取所述目标待处理图片的资源地址;
进一步的,在所述浏览器的当前网页中获取所述目标待处理图片的标签;从所述标签中获取到所述目标待处理图片的所述资源地址。
具体的,插件在接收到目标待处理图片的base64编码生成请求后,将在当前网页中获取被选定的目标待处理图像的标签(网页上的图片通常为img标签,即图片标签),其中,图像的标签包括两种属性src(规定显示图像的 URL,Uniform Resource Locator,统一资源定位符)和alt(规定图像的替代文本),例如,某图片的img src="/i/eg_tulip.jpg";imgalt="上海鲜花港-郁金香" ,其中,"/i/eg_tulip.jpg"即为该图片的资源地址(URL),因此,通过目标待处理图片的src,即可获取到目标待处理图片的资源地址,对应的实现代码为:var src = info.srcUrl(获取网页中图片的src标签)。而获取的目标待处理图片的资源地址将被用于后续目标待处理图片的base64编码生成。
步骤S30,创建新的待处理图片对象并将所述资源地址赋值给所述待处理图片对象;
具体的,上述过程所得到仅是目标待处理图像的资源地址,并非是图片对象。因此,需要创建的一个新的待处理图片对象,在将上述目标待处理图像的资源地址赋值给新创建的待处理图片对象,对应的实现代码为:var img=new Image(); img.src= src(创建一个新的图片对象,并把图片地址赋值给它)。由此,得到一个资源地址为目标待处理图像的待处理图片对象。
步骤S40,基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码。
进一步的,参照图4,上述步骤S40包括:
步骤S401,将所述待处理图片对象加载至所述canvas画布;
进一步的,在所述canvas画布中创建canvas画布对象;在所述canvas画布对象中加载所述待处理图片对象,以将所述处理图片对象加载至所述canvas画布。
步骤S402,调用所述canvas画布中预设的base64编码转换方法对所述待处理图片对象进行转码得到转换码;
步骤S403,将所述转换码作为所述目标待处理图片的base64编码。
具体的,需要说明的是,canvas画布是在HTML5(Hyper Text Markup Language5.0,超文本标记语言5.0)中新增的标签,用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript脚本操作的位图。在canvas画布中创建新的canvas画布对象,其中,该画布对象为2D图像(2dimension,平面图)。对应的实现代码为:varcanvas = document.createElement("canvas"); var ctx = canvas.getContext(“2d”)(创建一个2d的canvas对象)。而canvas画布对象表示一个 HTML 画布元素。它没有自己的行为,但是定义了一个 API 支持脚本化客户端绘图操作。可以直接在该对象上指定宽度和高度,也可以通过其他方式获取到该对象的参数。再将上述得到的待处理图片对象加载至canvas画布对象中,对应的实现代码为:ctx.drawImage(img, 0, 0)(通过canvas中ctx的drawimg方法把刚刚创建的图片对象加载进来)。从而完成在canvas画布中加载待处理图片对象。再调用canvas画布中预设的base64编码转换方法,将加载的待处理图片对象转换为base64编码(即上述转换码)。得到转换码对应的实现代码为:var base64 =canvas.toDataURL(“image/png”)(通过canvas的toDataURL方法把图片转为base64编码)。可以理解的是,通过待处理图片对象转换得到的(转换码)base64编码实际上即为目标待处理图像的base64编码。将转换码作为,目标待处理图像的base64编码。从而实现在浏览器上直接得到标待处理图像的base64编码。可以理解的是,相比通过下载图片再使用相应转换工具对下载的图片进行base64编码的方式,本实施例中的图片编码的生成方法,仅需要用户右键选定目标待处理图像,再选择对应的base64编码生成选项即可完成,目标待处理图像的base64编码生成,大大减少了用户在进行图片base64编码转换过程的步骤。
进一步的,在所述基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码的步骤之后,所述方法包括:将所述base64编码复制在剪切板上,以使所述目标待处理图片的所述base64编码处于可被获取状态。
具体的,将生成base64编码复制在剪切板上,对应的实现代码为:navigator.clipboard.writeText(base64)(调用浏览器clipboard中的方法,复制内容到剪贴板),使得目标待处理图片的base64编码处于可被用户直接获取的状态。复制在剪切板上的base64编码可被用户直接使用,进一步方便了用户进行图片base64编码转换后base64编码的获取。
在本实施例中,接收目标待处理图片的base64编码生成请求;获取所述目标待处理图片的资源地址;创建新的待处理图片对象并将所述资源地址赋值给所述待处理图片对象;基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码。即在用户选定目标待处理图片后,浏览器上的插件获取目标待处理图片资源地址,再完成具有该资源地址的待处理图片对象的创建,将创建的处理图片对象加载到canvas画布,调用canvas画布中的base64编码转换方法生成目标待处理图片的base64编码,从而直接在浏览器中实现目标图像进行base64编码转换以及得到目标图像的base64编码。从用户的角度来看,仅需右键选定目标图像并选择base64编码生成选项,即可得到目标待处理图片的base64编码,无需下载图片和额外使用相应的转换工具,减少了用户在进行图片转换base64编码时的步骤,为用户带来方便。
此外,参照图5,本发明实施例还提出一种图片编码的生成装置1000,所述图片编码的生成装置1000包括:
接收模块100,用于接收目标待处理图片的base64编码生成请求;
获取模块200,用于获取所述目标待处理图片的资源地址;
创建模块300,用于创建新的待处理图片对象并将所述资源地址赋值给所述待处理图片对象;
生成模块400,用于基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码。
可选地,所述接收模块100还用于:
基于所述浏览器接收所述目标待处理图片的base64编码生成请求,其中,所述base64编码生成请求在基于预设用户操作确定目标待处理图片后触发。
可选地,所述接收模块100还用于:
调用所述浏览器的预设接口在所述浏览器的选定菜单中生成图片base64编码生成选项,以供确定所述目标待处理图片。
可选地,所述生成模块400还用于:
将所述base64编码复制在剪切板上,以使所述目标待处理图片的所述base64编码处于可被获取状态。
可选地,所述创建模块300还用于:
将所述待处理图片对象加载至所述canvas画布;
调用所述canvas画布中预设的base64编码转换方法对所述待处理图片对象进行转码得到转换码;
将所述转换码作为所述目标待处理图片的base64编码。
可选地,所述创建模块300还用于:
在所述canvas画布中创建canvas画布对象;
在所述canvas画布对象中加载所述待处理图片对象,以将所述处理图片对象加载至所述canvas画布。
可选的,所述获取模块200还用于:
在所述浏览器的当前网页中获取所述目标待处理图片的标签;
从所述标签中获取到所述目标待处理图片的所述资源地址。
本发明提供的图片编码的生成装置,采用上述实施例中的图片编码的生成方法,旨在解决目前图片转换base64编码的方式存在转换过程较为繁琐需要手动下载图片的技术问题。与现有技术相比,本发明实施例提供的图片编码的生成装置的有益效果与上述实施例提供的图片编码的生成方法的有益效果相同,且该图片编码的生成装置中的其他技术特征与上述实施例方法公开的特征相同,在此不做赘述。
此外,本发明实施例还提出一种图片编码的生成设备,所述图片编码的生成设备包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的图片编码的生成程序,所述图片编码的生成程序被所述处理器执行时实现如上述的图片编码的生成方法的步骤。
本发明图片编码的生成设备的具体实施方式与上述图片编码的生成新方法各实施例基本相同,在此不再赘述。
此外,本发明实施例还提出一种计算机可读储存介质,所述计算机可读存储介质上存储有图片编码的生成程序,所述图片编码的生成程序被处理器执行时实现如上述的图片编码的生成方法的步骤。
本发明可读存储介质具体实施方式与上述图片编码的生成方法各实施例基本相同,在此不再赘述。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在如上所述的一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (10)
1.一种图片编码的生成方法,其特征在于,所述图片编码的生成方法应用于浏览器的插件,所述方法包括以下步骤:
接收目标待处理图片的base64编码生成请求;
获取所述目标待处理图片的资源地址;
创建新的待处理图片对象并将所述资源地址赋值给所述待处理图片对象;
基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码。
2.如权利要求1所述的图片编码的生成方法,其特征在于,所述接收目标待处理图片的base64编码生成请求的步骤包括:
基于所述浏览器接收所述目标待处理图片的base64编码生成请求,其中,所述base64编码生成请求在基于预设用户操作确定目标待处理图片后触发。
3.如权利要求2所述的图片编码的生成方法,其特征在于,在所述接收目标待处理图片的base64编码生成请求的步骤之前,所述方法包括:
调用所述浏览器的预设接口在所述浏览器的选定菜单中生成图片base64编码生成选项,以供确定所述目标待处理图片。
4.如权利要求3所述的图片编码的生成方法,其特征在于,在所述基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码的步骤之后,所述方法包括:
将所述base64编码复制在剪切板上,以使所述目标待处理图片的所述base64编码处于可被获取状态。
5.如权利要求4所述的图片编码的生成方法,其特征在于,所述基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码的步骤包括:
将所述待处理图片对象加载至所述canvas画布;
调用所述canvas画布中预设的base64编码转换方法对所述待处理图片对象进行转码得到转换码;
将所述转换码作为所述目标待处理图片的base64编码。
6.如权利要求5所述的图片编码的生成方法,其特征在于,所述将所述待处理图片对象加载至所述canvas画布中的步骤包括:
在所述canvas画布中创建canvas画布对象;
在所述canvas画布对象中加载所述待处理图片对象,以将所述处理图片对象加载至所述canvas画布。
7.如权利要求6所述的图片编码的生成方法,其特征在于,所述获取所述目标待处理图片的资源地址的步骤包括:
在所述浏览器的当前网页中获取所述目标待处理图片的标签;
从所述标签中获取到所述目标待处理图片的所述资源地址。
8.一种图片编码的生成装置,其特征在于,所述图片编码的生成装置包括:
接收模块,用于接收目标待处理图片的base64编码生成请求;
获取模块,用于获取所述目标待处理图片的资源地址;
创建模块,用于创建新的待处理图片对象并将所述资源地址赋值给所述待处理图片对象;
生成模块,用于基于所述待处理图片对象通过canvas画布生成所述目标待处理图片的base64编码。
9.一种图片编码的生成设备,其特征在于,所述图片编码的生成设备包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的图片编码的生成程序,所述图片编码的生成程序被所述处理器执行时实现如权利要求1至7中任一项所述的图片编码的生成方法的步骤。
10.一种计算机可读储存介质,其特征在于,所述计算机可读存储介质上存储有图片编码的生成程序,所述图片编码的生成程序被处理器执行时实现如权利要求1至7中任一项所述的图片编码的生成方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211037261.1A CN115130034A (zh) | 2022-08-29 | 2022-08-29 | 图片编码的生成方法、装置、设备及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211037261.1A CN115130034A (zh) | 2022-08-29 | 2022-08-29 | 图片编码的生成方法、装置、设备及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115130034A true CN115130034A (zh) | 2022-09-30 |
Family
ID=83387382
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211037261.1A Pending CN115130034A (zh) | 2022-08-29 | 2022-08-29 | 图片编码的生成方法、装置、设备及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115130034A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103473047A (zh) * | 2013-08-29 | 2013-12-25 | 贝壳网际(北京)安全技术有限公司 | 浏览器中标签页背景的管理方法、装置和客户端 |
CN109472847A (zh) * | 2018-10-16 | 2019-03-15 | 平安普惠企业管理有限公司 | 一种图片处理方法、系统及终端设备 |
CN109918175A (zh) * | 2019-03-21 | 2019-06-21 | 上海携程商务有限公司 | 图片生成方法、装置、存储介质及电子设备 |
CN111104631A (zh) * | 2019-11-30 | 2020-05-05 | 四川商通实业有限公司 | 一种Webp图片格式转换方法 |
CN112215923A (zh) * | 2020-10-23 | 2021-01-12 | 北京高途云集教育科技有限公司 | 一种图片生成方法、装置、电子设备及存储介质 |
-
2022
- 2022-08-29 CN CN202211037261.1A patent/CN115130034A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103473047A (zh) * | 2013-08-29 | 2013-12-25 | 贝壳网际(北京)安全技术有限公司 | 浏览器中标签页背景的管理方法、装置和客户端 |
CN109472847A (zh) * | 2018-10-16 | 2019-03-15 | 平安普惠企业管理有限公司 | 一种图片处理方法、系统及终端设备 |
CN109918175A (zh) * | 2019-03-21 | 2019-06-21 | 上海携程商务有限公司 | 图片生成方法、装置、存储介质及电子设备 |
CN111104631A (zh) * | 2019-11-30 | 2020-05-05 | 四川商通实业有限公司 | 一种Webp图片格式转换方法 |
CN112215923A (zh) * | 2020-10-23 | 2021-01-12 | 北京高途云集教育科技有限公司 | 一种图片生成方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110096660B (zh) | 用于加载页面图片的方法、装置和电子设备 | |
CN109947771B (zh) | 文件类型的转换方法、装置、设备和计算机可读存储介质 | |
CN111104631B (zh) | 一种Webp图片格式转换方法 | |
US9307010B2 (en) | Data upload method using shortcut | |
CN102831154B (zh) | 保存和显示网页的文本输入框中数据的方法和装置 | |
CN106815055B (zh) | 移动应用动态布局的方法与系统 | |
WO2022048141A9 (zh) | 一种图像处理方法及装置、计算机可读存储介质 | |
CN102929489B (zh) | 客户端浏览器实现方法及客户端浏览器 | |
CN105786476B (zh) | 移动客户端与服务器之间的数据处理方法及系统 | |
US8321536B2 (en) | Method and apparatus for processing remote control key data in home network device | |
JP2013168129A (ja) | 情報処理システム、データ提供装置、電子機器、情報処理方法、データ提供方法、データ取得方法、及びプログラム | |
US20110209051A1 (en) | Document browsing system and document conversion server | |
CN113010821A (zh) | 页面加载方法、装置、设备及存储介质 | |
CN110442806B (zh) | 用于识别图像的方法和装置 | |
US20080263140A1 (en) | Network System, Server, Client, Program and Web Browsing Function Enabling Method | |
CN115130034A (zh) | 图片编码的生成方法、装置、设备及计算机可读存储介质 | |
CN111177634A (zh) | 支持多语言的文案内容加载方法、装置、设备、及介质 | |
CN113703877B (zh) | 基于图种生成插件生成图种的方法、装置及可读存储介质 | |
CN113467776B (zh) | 设备的接入方法、装置、存储介质和电子装置 | |
CN114528510A (zh) | 网页数据处理的方法、装置、电子设备及介质 | |
CN109032651B (zh) | 应用更新方法、智能终端及计算机可读存储介质 | |
CN112131024A (zh) | 轻应用的多功能跳转方法、装置、电子设备及存储介质 | |
CN111200551B (zh) | Rcs公众消息处理方法、移动终端及可读存储介质 | |
CN112948727B (zh) | 基于WebView的数据注入方法、装置、设备及存储介质 | |
CN109885800B (zh) | 数据处理方法、装置及计算机可读存储介质 |
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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20220930 |