【问题标题】:can't load svg from filepath in json file无法从 json 文件中的文件路径加载 svg
【发布时间】:2020-09-20 18:24:01
【问题描述】:

我正在尝试从包含这样的路径的 JSON 文件加载 SVG 图像 -

<img src="../images/filename.svg"/>

图片无法加载。

当我尝试这样做时,它会起作用-

<img src="/static/media/filename.9f72c13b.svg"/>

有什么区别?为什么第二个有效而第一个无效? 有没有办法将所有第一个路径更改为第二个?

谢谢!

【问题讨论】:

    标签: json reactjs image svg path


    【解决方案1】:

    ../ 在路径中表示当前文件夹的上一级。所以你的第一个路径是相对路径,第二个是绝对路径。此外,它们指向 2 个不同的文件名(filename.svgfilename.9f72c13b.svg)。首先,您需要确定要引用哪个文件,然后确保它存在于您指定的位置。

    有没有办法将所有第一个路径更改为第二个?

    是的,您可以只使用文本编辑器的简单文本替换功能,例如 notepad++,它可以用正则表达式替换文本并同时替换多个文件中的文本。

    关于“当前目录”的说明:依赖关于它的假设是个坏主意,因为在某些平台上它可能不是您想要的,甚至可能会因版本而异。

    【讨论】:

    • 我从当前目录导入时访问了绝对路径。有没有一种更有效的方法来获取所有绝对路径,而不是一个一个地导入?
    • 我不知道,但看看这个:stackoverflow.com/questions/37644265/… 也许它会回答你的问题。
    • 不客气。考虑投票并接受我的回答;)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-02-11
    • 1970-01-01
    • 1970-01-01
    • 2017-08-19
    • 1970-01-01
    • 2020-02-24
    • 2014-10-10
    相关资源
    最近更新 更多