Laravel 上传图片及页面展示

空心人(・。・)

于 2021-10-09 21:39:40 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： laravel 文章标签： laravel 图片上传

本文链接：https://blog.youkuaiyun.com/ba_qi/article/details/120679323

laravel 专栏收录该内容

3 篇文章

订阅专栏

这篇博客详细介绍了在 Laravel 中如何实现图片上传及在页面上展示的步骤，包括控制器里的上传代码、图片路径的获取以及在视图中显示图片的方法。同时，强调了执行 `php artisan storage:link` 命令的重要性，该命令创建了 public 目录下的软链接以正确显示图片。此外，还提供了如何解决 PHP 环境问题的提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Laravel 上传图片及页面展示

网上资料实在太乱，想找个真实好用的代码真的太难了，我讨厌那些弯弯绕绕的繁琐，还有那些收费的，这里有你需要的最好，希望少走弯路，祝君事业有成。

1、下面为 Controller 里上传功能代码：

// Controller 里上传部分代码
public function store(Request $request)
{
	// validate 校验上传文件是否为图片类型
	// 手册地址：https://learnku.com/docs/laravel/8.x/validation/9374#rule-image
	$request->validate([
		'image' => 'bail|required|image',
	]);
	
	// 验证上传的文件是否有效
	if (!$request->file('image')->isValid()) {
         return back()->withErrors('上传的文件无效，请检查目录保存权限！')->withInput();;
   	}
	// 上传文件，并将图片存储到 storage\app\public 目录下
	$image = $request->file('image')->store('image', 'public');
	// 这里的$image 就是上传图片信息
	//比如：image/fEdT0zhSGyMadGDnkfI0LPexENDs2SHl1Kbz5Iq5.jpg
}

2、下面为页面展示图片代码：

<img src="{{ asset('storage/' . $row->image) }}">

3、最重要的事情来了，必须执行该步骤，页面图片才会显示：

phpstorm 执行命令： php artisan storage:link

这里其实就是在public下创建软连接，或者叫快捷方式，执行后目录下会多了一个文件，见下图：
在这里插入图片描述

在这里插入图片描述

如果你的phpstorm无法执行命令，可能没有配置php环境，需要在系统环境变量的PATH里加上php环境变量；有问题欢迎留言0.0

下面是手册相关截图：

在这里插入图片描述