美文网首页
图片命名空格导致无法显示问题

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

作者: 梧桐芊雨 | 来源:发表于2020-05-25 23:12 被阅读0次

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


image.png

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

image.png

拓展:encodeURI()函数

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

image.png

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

image.png

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

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

相关文章

网友评论

      本文标题:图片命名空格导致无法显示问题

      本文链接:https://www.haomeiwen.com/subject/tccwohtx.html