为啥在 laravel 刀片文件下用 phpstorm 编写的 Bootstrap 中不显示图像？

Posted 2023-03-14

【中文标题】为啥在 laravel 刀片文件下用 phpstorm 编写的 Bootstrap 中不显示图像？

【英文标题】：Why image is not displaying in Bootstrap written in phpstorm under laravel blade file?为什么在 laravel 刀片文件下用 phpstorm 编写的 Bootstrap 中不显示图像？

【发布时间】：2016-09-18 10:24:02

【问题描述】：

抱歉，如果这是一个愚蠢的问题：我在 img 标记中使用了以下 src 声明，以便在 phpstorm 的 Bootstrap 网站上的 laravel 刀片文件下显示图像：src="C:\Users\MAHE\Pictures\Wallpapers\photo.jpg" .

图像不显示；它只是不可见的，因为鼠标指针在悬停时显示手形符号；但是，当 src 声明为： src="http://weknowyourdreamz.com/images/apple/apple-02.jpg"

【参考方案1】：

第一个链接指向本地（C：驱动器）。您是使用 localhost 还是在本地显示它，还是在服务器上实时显示？

如果您的网站在本地托管：

使用相对路径，例如：images/file_01.jpg

如果您的网站已上线：

使用指向服务器上图像的链接，因为路径在这种情况下毫无意义。

编辑：

（根据评论详细说明相对路径以提供更清晰的信息）

相对路径的位置将是文件与您尝试链接的文件相关的任何位置，因此您需要在网站上托管文件才能实现此目的。链接本身将取决于您的文件结构，典型的链接应为：../images/cat_01.jpg（前面的“/”、“./”、“../”代表根目录、当前工作目录和父目录，分别）。

This Link 很好地总结了相对路径与绝对路径。

如果您无法做到这一点，请尽可能托管图片并提供图片的完整 URL。示例src="http://www.forexample.com/images/cat_01.jpg"。

您现在应该可以看到，这就是第二个链接有效的原因。您的文件实际上可以访问此图像，而第一个链接指向计算机上的特定位置 - 这在网络环境中没有意义。

【讨论】：

你能告诉我上述上下文中的相对路径是什么吗？

我在我的答案中添加了一个编辑，希望能提供进一步的阐述

兄弟，我试过了，现在它显示损坏的图像符号

你尝试了哪个？我认为需要更多信息

我把图片和文件放在同一个文件夹里，直接把名字加上jpg扩展名