html - 图像文件不显示

标签 html css

当我尝试从我的计算机上传图像文件到我的 html 文件中时,它没有显示在浏览器中。但是,如果我从网上链接一个图像文件,它就可以工作。我已正确复制文件路径并确保扩展名正确。是不是文件本身有问题? Code In Question

最佳答案

在您附上的图片中,您在 src 中放置了一个绝对文件路径,而它应该是相对,考虑到文件可能与 HTML 位于同一文件夹中,但不在同一用户文件夹/操作系统等中。

为了解决您的问题,我在下面举了一个例子。

文件夹布局:

  • 网站
    • index.html
    • 图像
      • 我的图片.jpg

引用:

如何相对引用myimage.jpg 是将images/myimage.jpg 放在src 属性中。你这样做的方式是 website/images/myimage.jpg,但另一个用户可能没有该网站在名为 website 的文件夹中,但 website2 例如。

关于html - 图像文件不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52920323/

相关文章:

javascript - 显示带有到房间的路线跟踪绘制路径的室内建筑 map

javascript - 如何隐藏多个表单并通过事件单击jquery显示其中一个表单

css - Joomla 中支持 IE 10 的灰度图像

html - 有没有办法让行内 block 元素表现得像表格单元格?

html - 内部div没有定位到右下角

javascript - HTML5 拖放,放下的 div 从放下的位置移动一点

html - css 路径相对不采取

iphone - iPhone 上的 Web 应用程序 - 将其样式设置为看起来像 native iPhone 应用程序

html - 左对齐 ol 数字与同一 “column” 中的标题

Javascript 从 json 创建复杂的表头