【问题标题】:Use local image source in html <img> element [duplicate]在 html <img> 元素中使用本地图像源 [重复]
【发布时间】:2021-04-26 07:31:00
【问题描述】:

我的机器上有想要在 img 元素中显示的图像。

<img class="card-image" src="'file:///C:/Users/.../KITCHEN/imgname.png'"/>

但我收到此错误:

1 Not allowed to load local resource: file:///C:/Users/.../KITCHEN/imgname.png

知道如何解决这个问题。

更新: 项目文件夹外的图片

【问题讨论】:

  • 将图片和html放在同一个文件夹中,不要用file:等来调用它。
  • 为什么是绝对路径?你的图片在项目文件夹之外吗?
  • @s.kuznetsov 是的,它在应用文件夹之外
  • 可以改为base64。

标签: javascript html


【解决方案1】:

您不应提供确切的本地路径。您可以使用相对路径。这里有详细的解释。

https://www.w3schools.com/tags/att_img_src.asp

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-08-03
    • 1970-01-01
    • 2012-10-17
    • 2012-11-30
    • 2017-09-02
    • 1970-01-01
    • 1970-01-01
    • 2023-03-21
    相关资源
    最近更新 更多