【问题标题】: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 声明,以便在 phpstormBootstrap 网站上的 laravel 刀片文件下显示图像:src="C:\Users\MAHE\Pictures\Wallpapers\photo.jpg" .

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

【问题讨论】:

    标签: html css twitter-bootstrap laravel-5 blade


    【解决方案1】:

    第一个链接指向本地(C:驱动器)。您是使用 localhost 还是在本地显示它,还是在服务器上实时显示?

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

    使用相对路径,例如:images/file_01.jpg

    如果您的网站已上线:

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

    编辑:

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

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

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

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

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

    【讨论】:

    • 你能告诉我上述上下文中的相对路径是什么吗?
    • 我在我的答案中添加了一个编辑,希望能提供进一步的阐述
    • 兄弟,我试过了,现在它显示损坏的图像符号
    • 你尝试了哪个?我认为需要更多信息
    • 我把图片和文件放在同一个文件夹里,直接把名字加上jpg扩展名
    猜你喜欢
    • 2022-01-10
    • 2018-10-09
    • 1970-01-01
    • 2017-03-12
    • 2022-10-12
    • 2020-09-13
    • 2019-08-07
    • 1970-01-01
    • 2019-07-08
    相关资源
    最近更新 更多