前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >laravel 实现上传图片到本地和前台访问示例

laravel 实现上传图片到本地和前台访问示例

作者头像
砸漏
发布2020-10-20 11:24:26
1.3K0
发布2020-10-20 11:24:26
举报
文章被收录于专栏:恩蓝脚本

在config下新建文件admin.php,定义上传文件的路径

‘upload_img_path’ = ‘app/public/img’,//本地上传图片路径

‘upload_file_path’ = ‘app/public/files’//本地上传文件路径

在config/filesystems.php下定义

代码语言:javascript
复制
'disks' =  [
 'uploadimg'= [
  'driver'= 'local',
  'root'= storage_path(config('admin.upload_img_path'))
 ],
 'uploadfiles'= [
  'driver'= 'local',
  'root'= storage_path(config('admin.upload_file_path'))
 ],

 'local' =  [
  'driver' =  'local',
  'root' =  storage_path('app'),
 ],

 'public' =  [
  'driver' =  'local',
  'root' =  storage_path('app/public'),
  'url' =  env('APP_URL').'/storage',
  'visibility' =  'public',
 ],

 's3' =  [
  'driver' =  's3',
  'key' =  env('AWS_KEY'),
  'secret' =  env('AWS_SECRET'),
  'region' =  env('AWS_REGION'),
  'bucket' =  env('AWS_BUCKET'),
 ],

],

后台上传方法

代码语言:javascript
复制
public function uploadImg(Request $request){

 $wenjian= $request- file('files');
 if ($wenjian) {

  //获取文件的原文件名 包括扩展名
  $yuanname= $wenjian- getClientOriginalName();

  //获取文件的扩展名
  $kuoname=$wenjian- getClientOriginalExtension();

  //获取文件的类型
  $type=$wenjian- getClientMimeType();

  //获取文件的绝对路径,但是获取到的在本地不能打开
  $path=$wenjian- getRealPath();

  //要保存的文件名 时间+扩展名
  $filename=date('Y-m-d') . '/' . uniqid() .'.'.$kuoname;
  //保存文件   配置文件存放文件的名字 ,文件名,路径
  $bool= Storage::disk('uploadimg')- put($filename,file_get_contents($path));
  //return back();
  return json_encode(['status'= 1,'filepath'= $filename]);
 }else{
  $idCardFrontImg = '';
  return json_encode($idCardFrontImg);
 }
}

前台显示

代码语言:javascript
复制
<img src="/storage/img/2018-04-27/5ae294e2830df.jpeg" 

在写接口上传的照片如何保存到public让前端框架访问到,,就要建立软连接将照片放到public目录去访问! 很简单

执行命令:php artisan storage:link

命令执行完毕后,就会在项目里多出一个 public/storage,

这个 storage 就是一个软链接,它指向 storage/app/public 目录。

public/storage(软连接) → storage/app/public

然后就可以用地址直接访问public里面的照片了!

以上这篇laravel 实现上传图片到本地和前台访问示例就是小编分享给大家的全部内容了,希望能给大家一个参考。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档