在文件名中使用 %2F 设置图像 src

Question

使用 javascript，我正在设置图像对象的 src 属性

    mainImage.src = filePath;

当 filePath 类似于 C:\images\pink.jpg 时，我没有问题 但是我发现了一个文件名属于以下类型的错误：

    C:\images\uploads%2Fcard%2Fimage%2F1574322%2F0b0640a8-cfca-45fa-b1c7-2cfc9a97c146.jpg%2Ffull-fit-in__950x534.jpg

似乎 %2F 被读取为 \ 字符，我最终得到一个 net::ERR_FAILED 错误。 但是文件名实际上是 uploads%2Fcard%2Fimage%2F1574322%2F0b0640a8-cfca-45fa-b1c7-2cfc9a97c146.jpg%2Ffull-fit-in__950x534.jpg。

有没有办法用这些文件名设置图像的 src 属性而不会出现任何错误？我在电子项目中设置此值，这意味着正在使用 chrome 进行测试。 非常感谢

Answer 1

encodeURI 可以解决问题。

let url = 'file:///c:/images/uploads%2Fcard%2Fimage%2F1574322%2F0b0640a8-cfca-45fa-b1c7-2cfc9a97c146.jpg%2Ffull-fit-in__950x534.jpg'

mainImage.src = encodeURI(url);