我一直无法显示图像,我认为这是由于文件链接不正确造成的,但我似乎无法让它工作。我正在将图像直接上传到 Cloud9 上一个名为“images”的文件夹中。该文件夹嵌套在名为“jobquiz”的文件夹中
我正在尝试将图片包含在我的主页上。这些是我尝试链接图像的方式,但每次我都收到“无法找到”错误。有人可以帮我更正我的文件路径吗?谢谢!
图片名为“guy.jpeg”
我尝试了以下方法:
<img src="images/guy.jpeg" alt="">
<img src="/images/guy.jpeg" alt="">
<img src="./images/guy.jpeg" alt="">
<img src="../images/guy.jpeg" alt="">
<img src="jobquiz/images/guy.jpeg" alt="">
<img src="/jobquiz/images/guy.jpeg" alt="">
最佳答案
如果您不共享从 HTML 到图像位置的确切文件结构,我们只能解释在您的路径中放置两个点和一个斜线告诉浏览器转到父文件夹然后执行您的路径提供(例如“../images/guy.jpeg”),这可以在路径上多次完成。这是我要说的一个很好的例子 - https://css-tricks.com/quick-reminder-about-file-paths/
您可以做的另一件事是在 HTML 中使用 base 标记。要使用基本标签,只需放置 <base href="http://www.yourrooturl.com" />
就在你的 HTML 头中的标题标签下,然后将你的图像指向 <img src="images/guy.jpeg" alt="">
只要图像文件夹位于您网站根文件夹的直接子文件夹中。
希望这对您有所帮助。
编辑:
我看到你的图片了,你可以试试用base标签,或者你也可以试试<img src="../../images/guy.jpeg" alt="">
为您的图片路径。
关于html - 更正图像文件的文件路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40266839/