当前位置:首页 > CMS教程 > 其它CMS > 列表

Laravel框架实现的上传图片到七牛功能详解

发布:smiling 来源: PHP粉丝网  添加日期:2021-12-15 10:50:05 浏览: 评论:0 

本文实例讲述了Laravel框架实现的上传图片到七牛功能。分享给大家供大家参考,具体如下:

新建项目

这里直接用一个新的Laravel5.3的项目进行演示,其他版本都是一样不会影响功能,顶多是路由位置不一样而已。已有项目的小伙伴可直接跳过次段。

# 新建项目

laravel new laravel-qiniu

cd laravel-qiniu

安装Laravel七牛扩展包

过Composer安装:

composer require zgldh/qiniu-laravel-storage

然后在 config/app.php 中注册服务提供者:

zgldh\QiniuStorage\QiniuFilesystemServiceProvider::class

接下来在 config/filesystems.php 里的disks中新增七牛配置:

  1. 'qiniu' => [ 
  2.   'driver' => 'qiniu'
  3.   'domains' => [ 
  4.     'default'  => 'xxxxx'//你的七牛域名 
  5.     'https'   => 'xxxxx',     //你的HTTPS域名 
  6.     'custom'  => 'xxxxx',   //你的自定义域名 
  7.    ], 
  8.   'access_key'=> ''//AccessKey 
  9.   'secret_key'=> ''//SecretKey 
  10.   'bucket'  => ''//Bucket名字 
  11.   'notify_url'=> ''//持久化处理回调地址 
  12. ], 

OK,扩展包的安装就暂时介绍到这里,接下来我们要去七牛注册一个账号并且将上面的配置完善。

七牛账号注册及配置

先去七牛注册一个账号,点击官网的注册会让我们选择用户类型,这里我就选择个人用户。

接下来按照流程来进项注册就OK了,我就不演示给大家看了。由于我的手机号已经注册了,这里只能给大家看一下我已经添加了存储对象的实例了。

OK ,简单的用图给大家看一下七牛的默认域名及自定义域名在哪里看。下面给大家看一下七牛的秘钥的位置:

点击秘钥管理,就可与看到个人七牛的秘钥了:

七牛在Laravel中的配置

上面已经介绍相关的配置在哪儿,现在我们要将这些配置在Laravel中使用:

上传图片到七牛

简单用一个示例来演示前端上传图片到后台后,用七牛的扩展上传图片

先在 resources\views 下新建 index.blade.php 视图

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4.   <title>上传图片</title> 
  5. </head> 
  6. <body> 
  7.   <form method="post" action="" enctype="multipart/form-data"
  8.     <input type="file" name="file"
  9.     <button type="submit">上传图片</button> 
  10.   </form> 
  11. </body> 
  12. </html> 

页面代码简单,没有任何样式(请原谅我偷懒),新建 UplaodController 上传文件控制器:

php artisan make:controller UploadController

实现上传方法:

  1. <?php 
  2. namespace App\Http\Controllers; 
  3. use Illuminate\Http\Request; 
  4. use zgldh\QiniuStorage\QiniuStorage; 
  5. class UploadController extends Controller 
  6.   /** 
  7.    * 上传文件到七牛 
  8.    * @author 高伟 
  9.    * @date  2016-11-09T16:58:37+0800 
  10.    * @param Request         $request [description] 
  11.    * @return [type]              [description] 
  12.    */ 
  13.   public function uploadFile(Request $request
  14.   { 
  15.     // 判断是否有文件上传 
  16.     if ($request->hasFile('file')) { 
  17.       // 获取文件,file对应的是前端表单上传input的name 
  18.       $file = $request->file('file'); 
  19.       // Laravel5.3中多了一个写法 
  20.       // $file = $request->file; 
  21.       // 初始化 
  22.       $disk = QiniuStorage::disk('qiniu'); 
  23.       // 重命名文件 
  24.       $fileName = md5($file->getClientOriginalName().time().rand()).'.'.$file->getClientOriginalExtension(); 
  25.       // 上传到七牛 
  26.       $bool = $disk->put('iwanli/image_'.$fileName,file_get_contents($file->getRealPath())); 
  27.       // 判断是否上传成功 
  28.       if ($bool) { 
  29.         $path = $disk->downloadUrl('iwanli/image_'.$fileName); 
  30.         return '上传成功,图片url:'.$path
  31.       } 
  32.       return '上传失败'
  33.     } 
  34.     return '没有文件'
  35.   } 

添加路由:

  1. // 上传页面视图 
  2. Route::get('/upload',function () 
  3.   return view('index'); 
  4. }); 
  5. // form提交到控制器路由 
  6. Route::post('upload','UploadController@uploadFile'); 

视图页面(resources\views\index.blade.php):

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4.   <title>上传图片</title> 
  5. </head> 
  6. <body> 
  7.   <form method="post" action="{{url('upload')}}" enctype="multipart/form-data"> 
  8.     {{csrf_field()}} 
  9.     <input type="file" name="file"> 
  10.     <button type="submit">上传图片</button> 
  11.   </form> 
  12. </body> 
  13. </html> 

OK,刷新页面就能看到上传后的url地址了。这里只是演示一个最简单的实例,路由定义、视图样式、及逻辑层处理大家按照自己的项目来就行了。

Tags: Laravel上传图片 Laravel七牛

分享到: