图片未显示在网页上(Laravel)

Posted

技术标签:

【中文标题】图片未显示在网页上(Laravel)【英文标题】:Image not show on web page (Laravel) 【发布时间】:2021-01-30 14:48:41 【问题描述】:

存在路由问题或图像地址问题。图片在某些页面上不显示,但在某些页面上显示:

这是没有显示图片的路由地址:

Route::get('users/edit/id', [App\Http\Controllers\UserController::class, 'edit'])->name('edit-user');

这是这条路线的图片地址:

http://localhost/Complain-Management-System/public/users/edit/images/1312455072.jpg

这是刀片上的图像源:

<img src="images/ Auth::user()->image " class="rounded-circle"   >

图片在这条路线上显示良好:

Route::get('users', [App\Http\Controllers\UserController::class, 'index'])->name('manage-user');

而这条路线的图片网址是:

http://localhost/Complain-Management-System/public/images/1312455072.jpg

有人能解决这个问题吗,这很重要。谢谢

【问题讨论】:

为什么你的图片会依赖于路由??图像源将始终相同。 &lt;img src=" asset('images/'.Auth::user()-&gt;image) " class="rounded-circle" width="130" height="130" alt=""&gt; 我还以为是路由问题,其实是图片源问题 你的图片位于Complain-Management-System/public/users/edit/images/1312455072.jpg/public 在你的 laravel 根目录。因此,如果您在 src="/images..." 之前加上一个斜线,那么它可能会起作用。但是您在图像 src 地址上给出绝对路径 【参考方案1】:

这是 src 问题,然后我尝试添加完整地址,例如:

<img src="/Complain-Management-System/public/images/ Auth::user()->image " class="rounded-circle"   >

它有效!

【讨论】:

如果你改变了目录,你又改变了你的来源。更好地使用资产助手。

以上是关于图片未显示在网页上(Laravel)的主要内容,如果未能解决你的问题,请参考以下文章

Laravel 7页脚未显示在某些网页中

Laravel 8 UniSharp File Manager 3 - 图片已上传但未显示

如何在laravel上显示图片?

Vue组件未在laravel中显示

Laravel UniSharp 文件管理器已上传,但未显示图像

Laravel 5.2 错误消息未显示