[发明专利]基于插件上传图片的方法、插件系统、设备及存储介质

说明书

本发明公开了一种基于插件上传图片的方法、插件系统、设备及存储介质。本发明提供的基于插件上传图片的方法，通过配置于图片处理工具中的插件响应用户上传图片的操作以获取图片；并调用API对所述图片的图层进行解析，生成图层信息；将所述图层信息转换成json格式文件；将所述json格式文件与所述图片上传至web端服务器。从而开发人员可以直接在web端进行直观查看图片的标注信息，使其开发网页设计能够提升效率。

技术领域

本发明涉及图片处理技术领域，具体涉及一种基于插件上传图片的方法、插件系统、设备及存储介质。

背景技术

在现有技术中，网页设计是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

传统的网页设计标注及切图方式需要通过设计软件打开设计稿进行测量，并手动切图，但是开发人员不熟悉设计软件，常常会看错或切不出想要的切图。并且开发人员手动绘制标注信息在设计稿上，手动切图并分类到不同的文件夹，需要花费大量的时间制作标注文件；因此，发明人注意到的是，若在后期网页设计稿有细微的调整，所有的标注和切图都需要利用本地设计软件进行操作，这将耗费开发人员大量的时间，再就是手动标注图片往往密密麻麻，难以直观进行查看图片的标注信息。

发明内容

本发明的主要目的是提供一种基于插件上传图片的方法、装置、系统及存储介质，以解决相关技术中网页设计无法直观查看图片的标注信息，导致网页设计效率过低的问题。

为实现上述目的，本发明提供了一种基于插件上传图片的方法，包括：配置于图片处理工具中的插件；

所述插件响应用户上传图片的操作以获取图片；

并调用API对所述图片的图层进行解析，生成图层信息；

将所述图层信息转换成json格式文件；

将所述json格式文件与所述图片上传至web端服务器。

优选地，在所述调用API对所述图片的图层进行解析之前，还包括：

采用所述插件对所述图片进行切图及标注处理；

采用所述插件基于超文本传输协议将所述切图及标注处理的所述图片传输至所述web端服务器。

优选地，所述调用API对所述图片的图层进行解析并生成图层信息包括：

根据所述API提取所述图片的多个图层属性；其中，所述图层属性中包括每个图层的位置、颜色及尺寸中至少一种；

将每一个所述图层的图层属性确定为所述图层的图层信息。

优选地，所述将所述图层信息转换成json格式文件包括：

读取所述图层信息以获取所述图层信息的初始字节码；

将所述初始字节码编成base64字节码；

将所述base64字节码转换为base64字符串并以字典格式保存所述base64字符串；

将所述字典格式的base64字符串转化为所述json格式文件。

优选地，所述将所述json格式文件与所述图片上传至web端服务器包括：

向web端服务器发送http请求；

在web端服务器响应之后获取所述web端服务器的域名；

根据所述web端服务器的域名将所述json格式文件与所述图片上传至web端服务器。