【问题标题】:Laravel not showing images on localhost:8000Laravel 没有在 localhost:8000 上显示图像
【发布时间】:2016-06-14 20:33:13
【问题描述】:

我在 laravel 5 上制作网页,自从 laravel 3 以来我就没有使用过,但我真的很喜欢它的新功能。

在一个快要完成的应用上一切正常,但我的图像有问题。

我正在尝试向视图显示图像,但它没有显示,我得到了我们都知道的小图像图标。

我已经使用了我在幼虫码头和论坛上找到的所有方法。 包括:

  • 资产
  • 网址
  • HTML(根本没用)
  • 视图中的直接网址

我实际上只使用了 Artsian 服务,因此 URL 类似于:

http://localhost:8000/uploads/images/posts/1456814127.jpg

该文件夹是非公用文件夹,因此在我看来它是正确的 url。 使用不同的方法,我也从 pc 路径调用图像,结果相同。顺便说一下,我正在使用干预上传图片。

有什么想法吗?

编辑:

好的,我在 wamp 服务器的 localhost 上进行了尝试,图像输出正常。我不知道为什么,但确实如此。

编辑 2: 我现在在 laravel Homestead 上,但它仍然无法正常工作。在这一点上我很生气。请帮帮我!!

这是我的控制器:

public function posts()
{
    $posts = DB::table('posts')->paginate(3);
    //page heading
    $title = 'Latest Posts';

    return view('frontend.posts.index')->with(compact('posts', 'title'));
}

这是我的看法:

<a href="#" class="image">
  <img src="{{ asset('uploads/images/posts/'.$post->post_image) }}" class="img-rounded">
  <span class="hover-zoom"></span>
</a>

在 laravel homestead 的输出链接是: http://krubbit.dev/uploads/images/posts/1457074877.jpg

图片位置的dir结构:

-Laravel-dir
  -Public
   -Uploads
     -images
       -posts
         -1457074877.jpg

【问题讨论】:

  • 你的图片在公共文件夹下吗?
  • 是的,他们在Public/uploads/images/posts
  • 你解决了吗?
  • 不,我没有。没有人可以在任何论坛中提供帮助。
  • 你现在在吗@krubbit

标签: php laravel laravel-5 homestead intervention


【解决方案1】:

请使用 Laravel 的 url 功能,如下图所示

<a href="#" class="image">
  <img src="{{url('asset/uploads/images/posts/'.$post->post_image)}}" class="img-rounded">
  <span class="hover-zoom"></span>
</a>

希望这会有所帮助..!!

【讨论】:

    【解决方案2】:

    像这样的

    <img src="{{ asset('uploads/images/posts/1456814127.jpg') }}" />
    

    【讨论】:

    • 同样的结果。它也给了我相同的图片链接。 localhost:8000/uploads/images/posts/1456814127.jpg" class="img-rounded">
    • 我只是在尝试新选项,我将完全相同的目录传递给 Wamp www 文件夹,并在 Wamp localhost 上进行了尝试,并且工作正常。所以问题在于 laravel 应用程序中的 Serve 命令。我真的很好用工匠服务。知道为什么它不显示图像。
    • 你的意思是当你运行 php artisan serve 时它不显示图像??
    • 当我看到带有工匠服务的 URL 的页面时,它没有显示图像。当我看到带有 WAMP 给我的 URL 的页面时,你可以看到图像。
    猜你喜欢
    • 2016-03-31
    • 2019-06-14
    • 2015-07-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多