(怎样插入图片php)(php如何添加图片)

在 Web 开发中经常使用图片上传功能,目前有许多免费的资源可以让开发者轻松实现图片上传功能,那如何在laravel项目中轻松实现上传头像功能呢?最近我在开发我的个人网站时就用到这个功能,下面我说说我的具体实现思路。

设计数据表字段

我们需要在 users 用户表里面添加一个 avatar 字段来存用户的头像地址,生成用户表的迁移文件database/migrations/[timestamp]_create_users_table.php 中的代码如下:

(怎样插入图片php)(php如何添加图片)

打开头像修改页面

在 routes/web.php 中添加打开修改头像页面的路由:

Route::get('users/{user}/edit_avatar','UsersController@editAvatar')->middleware('auth')->name('users.edit_avatar')

使用命令创建 UsersController 控制器,命令如下:

php artisan make:controller UsersController

该命令会在 app/Http/Controllers 下生成 UsersController.php 文件,在 UsersController.php 中添 editAvatar 方法,用以打开修改头像的页面,代码如下:

(怎样插入图片php)(php如何添加图片)

修改头像页面如下:

(怎样插入图片php)(php如何添加图片)

在 resources/views/users/edit_avatar.blade.php 文件中实现这个界面,代码如下:

(怎样插入图片php)(php如何添加图片)
(怎样插入图片php)(php如何添加图片)
(怎样插入图片php)(php如何添加图片)

上传图片并修改头像

用户点击选择一张图片按钮后选中一张图片,然后点击上传头像按钮,即可修改头像成功。接下来继续实现上传图片功能,在 routes/web.php 中添加修改头像路由:

Route::post('users/{user}/update_avatar','UsersController@updateAvatar')->middleware('auth')->name('users.update_avatar');

在 app/Htpp/Controllers/UsersController.php 中添加 updateAvatar 方法,用以修改头像,代码如下:

(怎样插入图片php)(php如何添加图片)

细心的你可能已经注意到了,这里引入一个 ImageUploadHandler 类,并用它的 save 方法来处理图片上传,该类的代码也很简单,代码如下:

app/Handlers/ImageUploadHandler.php

(怎样插入图片php)(php如何添加图片)

实现效果如下:

(怎样插入图片php)(php如何添加图片)

至此简单的头像上传功能已然完成,各位大神可能会觉得很简单,要的就是简单,写这样的文章是为了增强自己的记忆,同时给初学者一些参考,后面我会接着写如何在评论里面实现拖拽/粘贴上传图片。

声明:我要去上班所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,版权归原作者SevDot所有,原文出处。若您的权利被侵害,请联系删除。

本文标题:(怎样插入图片php)(php如何添加图片)
本文链接:https://www.51qsb.cn/article/m9i4y.html

(0)
打赏微信扫一扫微信扫一扫QQ扫一扫QQ扫一扫
上一篇2023-07-22
下一篇2023-07-22

你可能还想知道

发表回复

登录后才能评论