一种替换图片地址的方法和装置与流程

1.本发明涉及计算机技术领域，尤其涉及一种替换图片地址的方法和装置。


背景技术：

2.在项目开发过程中，常常需要在代码中引用图片，例如，开发一个web页面，该网页引用多个图片。为了使图片能够在用户浏览页面的时候正常显示，需要将图片由本地存储至图床服务器，并利用图床服务器提供的地址替换图片的本地地址。
3.现有方法一般由开发人员逐一确定代码中引用的图片，并将图片上传至图床服务器，并利用图床服务器提供的地址替换图片的本地地址。但是，该方法花费的人工成本较高，并且，地址替换的效率较低。


技术实现要素：

4.有鉴于此，本发明实施例提供一种替换图片地址的方法和装置，能够提高地址替换的效率、降低地址替换的成本。
5.第一方面，本发明实施例提供了一种替换图片地址的方法，包括：
6.确定代码中图片的信息；其中，所述图片的信息包括：所述图片的标识和所述图片所在的第一地址；
7.将存储在所述第一地址的所述图片上传至图床服务器中；
8.接收所述图床服务器反馈的所述图片的第二地址；
9.根据所述图片的标识，将所述图片的信息中的第一地址替换为所述第二地址。
10.优选地，
11.所述确定代码中图片的信息，包括：
12.基于webpack遍历所述代码引用的静态资源，确定所述静态资源中的图片的信息。
13.优选地，
14.进一步包括：
15.向所述图床服务器发送验证请求；其中，所述验证请求中包括：公钥；
16.如果接收到所述图床服务器反馈的验证通过消息，则执行所述确定代码中图片的信息。
17.优选地，
18.进一步包括：
19.将所述图片的信息添加到哈希表；
20.所述将存储在所述第一地址的所述图片上传至图床服务器中，包括：
21.读取所述哈希表中存储的所述第一地址；
22.将存储在所述第一地址的所述图片上传至所述图床服务器中；
23.所述根据所述图片的标识，将所述图片的信息中的第一地址替换为所述第二地址，包括：
24.根据所述哈希表中存储的所述图片的标识，将所述图片的信息中的第一地址替换为所述第二地址，并删除存储在所述第一地址的所述图片。
25.第二方面，本发明实施例提供了一种替换图片地址的装置，包括：
26.确定模块，配置为确定代码中图片的信息；其中，所述图片的信息包括：所述图片的标识和所述图片所在的第一地址；
27.上传模块，配置为将存储在所述第一地址的所述图片上传至图床服务器中；
28.接收模块，配置为接收所述图床服务器反馈的所述图片的第二地址；
29.替换模块，配置为根据所述图片的标识，将所述图片的信息中的第一地址替换为所述第二地址。
30.优选地，
31.所述确定模块，配置为基于webpack遍历所述代码引用的静态资源，确定所述静态资源中的图片的信息。
32.优选地，
33.所述确定模块，配置为向所述图床服务器发送验证请求；其中，所述验证请求中包括：公钥；如果接收到所述图床服务器反馈的验证通过消息，则执行所述确定代码中图片的信息。
34.优选地，
35.所述上传模块，配置为将所述图片的信息添加到哈希表；读取所述哈希表中存储的所述第一地址；存储在所述第一地址的所述图片上传至所述图床服务器中；
36.所述替换模块，配置为根据所述哈希表中存储的所述图片的标识，将所述图片的信息中的第一地址替换为所述第二地址，并删除存储在所述第一地址的所述图片。
37.第三方面，本发明实施例提供了一种电子设备，包括：
38.一个或多个处理器；
39.存储装置，用于存储一个或多个程序，
40.当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如上述任一实施例所述的方法。
41.第四方面，本发明实施例提供了一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现如上述任一实施例所述的方法。
42.上述发明中的一个实施例具有如下优点或有益效果：该方法将存储在第一地址的图片上传至图床服务器，并根据图片的标识将第一地址替换为图床服务器反馈的第二地址。该方法能够提高地址替换的效率，降低地址替换的成本。
43.上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
44.附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
45.图1是本发明的一个实施例提供的一种替换图片地址的方法的流程图；
46.图2是本发明的另一个实施例提供的一种替换图片地址的方法的流程图；
47.图3是本发明的一个实施例提供的一种替换图片地址的装置的示意图；
48.图4是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
49.以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
50.如图1所示，本发明实施例提供了一种替换图片地址的方法，应用于替换图片地址的装置，包括：
51.步骤101：确定代码中图片的信息；其中，图片的信息包括：图片的标识和图片所在的第一地址。
52.代码中可以引用html(hyper text markup language，超文本标记语言)文件、js文件、css(cascading style sheets，层叠样式表)文件和图片文件等静态资源。在实际应用场景中，需要将各个文件中的图片的地址替换为图床服务器提供的地址。
53.通过图片的标识可以确定图片在代码中的引用位置。图片的标识可以是图片的主名，还可以是图片的主名和扩展名。
54.代码中可能引用多个图片，如果这些图片的主名不同，则可以仅根据图片的主名确定图片在代码中的引用位置。但是，考虑到这些图片的主名可能相同，为了避免图片的替换发生错误，可以同时使用图片的主名和扩展名确定图片在代码中的引用位置。
55.第一地址可以为图片存储的地址，可以是本地地址，也可以是其他线上地址。
56.代码可以为开发人员编写的网页代码，如果网页中想要展示不同的图片，则代码中需要引用不同的图片。为了使网页完整展示这些图片，需要将图片上传到图床服务器中，并将代码中引用的图片的第一地址替换为第二地址。用户通过浏览器打开该网页时，浏览器将通过图片的第二地址从图床服务器中加载网页引用的图片，并将这些图片展示在该网页中。
57.步骤102：将存储在第一地址的图片上传至图床服务器中。
58.图床服务器指的是用于存储图片的服务器。
59.步骤103：接收图床服务器反馈的图片的第二地址。
60.图床服务器反馈图片在其上存储的地址(即第二地址)。
61.步骤104：根据图片的标识，将图片的信息中的第一地址替换为第二地址。
62.该方法在能够提高地址替换的效率，降低地址替换的成本。
63.在本发明的一个实施例中，确定代码中图片的信息，包括：
64.基于webpack遍历代码引用的静态资源，确定静态资源中的图片的信息。
65.本发明实施例采用webpack进行遍历，能够提高遍历效率，更快地确定代码所引用的图片的信息。webpack是代码编译工具，有入口，出口、loader和插件。具体的，基于webpack的loader中的接口对代码进行遍历。
66.在本发明的一个实施例中，为了防止不法分子的恶意上传，该方法还包括：
67.向图床服务器发送验证请求；其中，验证请求中包括：公钥；
68.如果接收到图床服务器反馈的验证通过消息，则执行确定代码中图片的信息。
69.本发明实施例通过验证过程，确定图片的上传方的身份，以确保上传图片的合法性。如果验证通过，则图片的上传方(即替换图片地址的装置)可以向图床服务器上传图片，如果验证不通过，则图片的上传方不具有向图床服务器上传图片的资格。
70.在实际应用场景中，可以采用不同的方法进行验证，例如，基于共享密钥进行验证、基于非对称密钥加密进行验证。
71.在本发明的一个实施例中，该方法还包括：
72.将图片的信息添加到哈希表；
73.将存储在第一地址的图片上传至图床服务器中，包括：
74.读取哈希表中存储的第一地址；
75.将存储在第一地址的图片上传至图床服务器中；
76.根据图片的标识，将图片的信息中的第一地址替换为第二地址，包括：
77.根据哈希表中存储的图片的标识，将图片的信息中的第一地址替换为第二地址，并删除存储在第一地址的图片。
78.本发明实施例将图片的信息存储到哈希表中，便于后续更快地从哈希表中读取数据，能够提高替换图片的地址的效率。
79.在实际应用场景中，图片的信息可以通过不同的方式存储，例如，还可以将图片的信息添加到map中。
80.如果代码引用的图片的数量大于1，则可以先将遍历得到的图片的信息全部添加到哈希表中，然后再根据哈希表将各个图片上传至图床服务器中。如果将遍历得到的图片直接上传至图床服务器，一旦上传过程出现错误，则可能需要重新遍历以获取图片。因此，先将图片的信息添加到哈希表中可以提高地址替换的效率和保证替换过程的稳定性。
81.在本发明的一个实施例中，将存储在第一地址的图片上传至图床服务器中，包括：将图片的标识和存储在第一地址的图片对应上传至图床服务器。
82.相应地，接收图床服务器反馈的图片的第二地址，包括：接收图床服务器反馈的图片的第二地址以及图片的标识。
83.因此，在实际应用场景中，如果存在多张图片，可以将图片的标识和图片对应上传至图床服务器，通过图片的标识可以区分图床服务器反馈的不同图片的第二地址。该方法可以提高地址替换的效率。
84.在实际应用场景中，用户可以通过资源管理后台创建脚本，并将该脚本添加到webpack.config.js文件中。webpack可以运行该脚本，以实现上述实施例提到的替换图片地址的方法。
85.本发明实施例提供了一种替换图片地址的方法，应用于图床服务器，该方法包括：
86.接收替换图片地址的装置发送的图片；
87.将图片存储至第二地址；
88.将第二地址反馈给替换图片地址的装置。
89.图床服务器可以将第二地址反馈给替换图片地址的装置，以使其完成图片地址的替换，该过程不需要人工参与，能够缩短替换图片地址的时间，降低替换成本。
90.在本发明的一个实施例中，该方法还包括：
91.接收替换图片地址的装置发送的验证请求；其中，验证请求中包括：公钥；
92.根据存储的私钥和公钥，验证替换图片地址的装置；
93.如果验证通过，则向替换图片地址的装置发送验证通过消息。
94.为了维护图床服务器中图片的安全，避免对图床服务器资源的恶意占用，本发明实施例需要对替换图片地址的装置进行验证，只有验证通过的替换图片地址的装置才能够向图床服务器上传图片。验证通过消息用于提示替换图片地址的装置通过验证。
95.本发明实施例提供了一种替换图片地址的系统，包括：上述任一实施例的图床服务器和替换图片地址的装置。
96.该系统可以通过图床服务器和替换图片地址的装置之间的交互完成图片地址的替换，该过程不需要人工参与，能够提高地址替换效率，降低替换成本。
97.如图2所示，本发明实施例提供了一种替换图片地址的方法，该方法包括：
98.步骤201：替换图片地址的装置向图床服务器发送验证请求；其中，验证请求中包括：公钥。
99.步骤202：图床服务器根据公钥和存储的私钥对替换图片地址的装置进行验证，验证通过后，向替换图片地址的装置发送验证通过消息。
100.本发明实施例基于rsa算法对替换图片地址的装置提供的公钥进行验证。
101.步骤203：替换图片地址的装置接收到验证通过消息后，基于webpack遍历代码引用的静态资源，确定静态资源中的图片的信息；其中，图片的信息包括：图片的名称和图片所在的第一地址。
102.图片的名称包括主名和扩展名。
103.步骤204：替换图片地址的装置将图片的信息添加到哈希表。
104.步骤205：替换图片地址的装置读取哈希表中存储的第一地址。
105.步骤206：替换图片地址的装置将存储在第一地址的图片上传至图床服务器中。
106.如果上传失败，则根据图片的信息，生成错误信息，并将错误信息录入日志。开发人员可以通过日志分析上传失败的原因。
107.步骤207：图床服务器将图片的第二地址反馈给替换图片地址的装置。
108.步骤208：替换图片地址的装置根据哈希表中存储的图片的名称，将图片的信息中的第一地址替换为第二地址，并删除存储在第一地址的图片。
109.在本发明实施例中，替换图片地址的装置能够将图片上传至图床服务器，并利用图床服务器提供的第二地址替换图片原来的第一地址。该方法不需要人工参与，能够提高地址替换的效率，节省人工成本。
110.如图3所示，本发明实施例提供了一种替换图片地址的装置，包括：
111.确定模块301，配置为确定代码中图片的信息；其中，图片的信息包括：图片的标识和图片所在的第一地址；
112.上传模块302，配置为将存储在第一地址的图片上传至图床服务器中；
113.接收模块303，配置为接收图床服务器反馈的图片的第二地址；
114.替换模块304，配置为根据图片的标识，将图片的信息中的第一地址替换为第二地址。
115.在本发明的一个实施例中，确定模块301，配置为基于webpack遍历代码引用的静
态资源，确定静态资源中的图片的信息。
116.在本发明的一个实施例中，确定模块301，配置为向图床服务器发送验证请求；其中，验证请求中包括：公钥；如果接收到图床服务器反馈的验证通过消息，则执行确定代码中图片的信息。
117.在本发明的一个实施例中，上传模块302，配置为将图片的信息添加到哈希表；读取哈希表中存储的第一地址；存储在第一地址的图片上传至图床服务器中；
118.替换模块304，配置为根据哈希表中存储的图片的标识，将图片的信息中的第一地址替换为第二地址，并删除存储在第一地址的图片。
119.本发明实施例提供了一种电子设备，包括：
120.一个或多个处理器；
121.存储装置，用于存储一个或多个程序，
122.当一个或多个程序被一个或多个处理器执行，使得一个或多个处理器实现如上述任一实施例的方法。
123.下面参考图4，其示出了适于用来实现本发明实施例的终端设备的计算机系统400的结构示意图。图4示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
124.如图4所示，计算机系统400包括中央处理单元(cpu)401，其可以根据存储在只读存储器(rom)402中的程序或者从存储部分408加载到随机访问存储器(ram)403中的程序而执行各种适当的动作和处理。在ram 403中，还存储有系统400操作所需的各种程序和数据。cpu 401、rom 402以及ram 403通过总线404彼此相连。输入/输出(i/o)接口405也连接至总线404。
125.以下部件连接至i/o接口405：包括键盘、鼠标等的输入部分406；包括诸如阴极射线管(crt)、液晶显示器(lcd)等以及扬声器等的输出部分407；包括硬盘等的存储部分408；以及包括诸如lan卡、调制解调器等的网络接口卡的通信部分409。通信部分409经由诸如因特网的网络执行通信处理。驱动器410也根据需要连接至i/o接口405。可拆卸介质411，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器410上，以便于从其上读出的计算机程序根据需要被安装入存储部分408。
126.特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分409从网络上被下载和安装，和/或从可拆卸介质411被安装。在该计算机程序被中央处理单元(cpu)401执行时，执行本发明的系统中限定的上述功能。
127.需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、
或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、rf等等，或者上述的任意合适的组合。
128.附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
129.描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括发送模块、获取模块、确定模块和第一处理模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，发送模块还可以被描述为“向所连接的服务端发送图片获取请求的模块”。
130.作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：
131.确定代码中图片的信息；其中，所述图片的信息包括：所述图片的标识和所述图片所在的第一地址；
132.将存储在所述第一地址的所述图片上传至图床服务器中；
133.接收所述图床服务器反馈的所述图片的第二地址；
134.根据所述图片的标识，将所述图片的信息中的第一地址替换为所述第二地址。
135.本发明实施例的技术方案能够提高地址替换的效率、降低地址替换的成本。
136.上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。