html - 为什么我的图片来源有这个问题?

标签 html css

只是想知道如何解决 img src = ""问题。我正在使用 atom.io 并且我正在尝试为我正在制作的网站显示 .jpeg 照片。

enter image description here

最佳答案

这是一项不应禁用的安全功能。这是为了阻止页面访问您的本地文件系统并使用现有数据。

你应该做的是安装一个开发服务器:

  • Atom Live Server
  • Chrome Web Server Extension

  • 并确保您的所有资源都在您的元素文件夹中
    --MyAwesomeWebsite
    |-index.html
    |-photos
      |-pic1.jpg
    

    这样你的 img 标签就会使用相对寻址
    <img src='../photos/pic1.jpg'>
    

    假设上面的图片是从 index.html 加载的

    关于html - 为什么我的图片来源有这个问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61829916/

    相关文章:

    html - 是否可以让 SVG 比例适合父对象,同时保持静态填充大小?

    javascript - Safari 的自动边距 + translate3d 1px 出血问题

    html - 没有 <a href> 的翻转文本

    html - CSS -Menu 作为 <a href> 使用背景而不仅仅是文本

    php - Kriesi 分页不起作用

    php - 当通过 PHP 路由时,CSS 将无法通过 Heroku 工作

    javascript - 我如何知道 HTML5 Canvas 的渲染何时完成?

    html - 如何在不去除边框的顶部和底部的情况下去除边框的右侧和左侧?

    html - 将 Bootstrap 列中的 2 个元素居中

    css - 一个浏览器不一致的问题,困扰我很久