图片命名空格导致无法显示问题

根据后台反馈路径地址渲染前台页面背景图展示，但由于图片路径中含有空格导致前台无法正常显示该图片。

image.png

解决办法：使用encodeURI()函数把字符串进行url编码。将某些字符将被十六进制的转义序列进行替换。

image.png

拓展：encodeURI()函数

encodeURI()函数不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。

image.png

decodeURI()：把字符串进行url进行解码。

image.png

文本和特殊字符的编码 encodeURIComponent()
文本和特殊字符的解码 decodeURIComponent()

ps：请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处，前者假定它的参数是 URI 的一部分（比如协议、主机名、路径或查询字符串）。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。