Laravel框架如何實(shí)現(xiàn)上傳圖片到七牛功能

發(fā)布時(shí)間：2021-06-17 13:54:02 來(lái)源：億速云閱讀：117 作者：小新欄目：開(kāi)發(fā)技術(shù)

小編給大家分享一下Laravel框架如何實(shí)現(xiàn)上傳圖片到七牛功能，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

本文實(shí)例講述了Laravel框架實(shí)現(xiàn)的上傳圖片到七牛功能。分享給大家供大家參考，具體如下：

新建項(xiàng)目

這里直接用一個(gè)新的Laravel5.3的項(xiàng)目進(jìn)行演示，其他版本都是一樣不會(huì)影響功能，頂多是路由位置不一樣而已。已有項(xiàng)目的小伙伴可直接跳過(guò)次段。

# 新建項(xiàng)目
laravel new laravel-qiniu
cd laravel-qiniu

安裝Laravel七牛擴(kuò)展包

過(guò)Composer安裝：

composer require zgldh/qiniu-laravel-storage

然后在 config/app.php 中注冊(cè)服務(wù)提供者：

zgldh\QiniuStorage\QiniuFilesystemServiceProvider::class

接下來(lái)在 config/filesystems.php 里的disks中新增七牛配置：

'qiniu' => [
  'driver' => 'qiniu',
  'domains' => [
    'default'  => 'xxxxx', //你的七牛域名
    'https'   => 'xxxxx',     //你的HTTPS域名
    'custom'  => 'xxxxx',   //你的自定義域名
   ],
  'access_key'=> '', //AccessKey
  'secret_key'=> '', //SecretKey
  'bucket'  => '', //Bucket名字
  'notify_url'=> '', //持久化處理回調(diào)地址
],

OK，擴(kuò)展包的安裝就暫時(shí)介紹到這里，接下來(lái)我們要去七牛注冊(cè)一個(gè)賬號(hào)并且將上面的配置完善。

七牛賬號(hào)注冊(cè)及配置

先去七牛注冊(cè)一個(gè)賬號(hào)，點(diǎn)擊官網(wǎng)的注冊(cè)會(huì)讓我們選擇用戶類型，這里我就選擇個(gè)人用戶。

接下來(lái)按照流程來(lái)進(jìn)項(xiàng)注冊(cè)就OK了，我就不演示給大家看了。由于我的手機(jī)號(hào)已經(jīng)注冊(cè)了，這里只能給大家看一下我已經(jīng)添加了存儲(chǔ)對(duì)象的實(shí)例了。

OK ，簡(jiǎn)單的用圖給大家看一下七牛的默認(rèn)域名及自定義域名在哪里看。下面給大家看一下七牛的秘鑰的位置：

點(diǎn)擊秘鑰管理，就可與看到個(gè)人七牛的秘鑰了：

七牛在Laravel中的配置

上面已經(jīng)介紹相關(guān)的配置在哪兒，現(xiàn)在我們要將這些配置在Laravel中使用：

上傳圖片到七牛

簡(jiǎn)單用一個(gè)示例來(lái)演示前端上傳圖片到后臺(tái)后，用七牛的擴(kuò)展上傳圖片

先在 resources\views 下新建 index.blade.php 視圖

<!DOCTYPE html>
<html>
<head>
  <title>上傳圖片</title>
</head>
<body>
  <form method="post" action="" enctype="multipart/form-data">
    <input type="file" name="file">
    <button type="submit">上傳圖片</button>
  </form>
</body>
</html>

頁(yè)面代碼簡(jiǎn)單，沒(méi)有任何樣式（請(qǐng)?jiān)徫彝祽校?，新?UplaodController 上傳文件控制器：

php artisan make:controller UploadController

實(shí)現(xiàn)上傳方法：

<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use zgldh\QiniuStorage\QiniuStorage;
class UploadController extends Controller
{
  /**
   * 上傳文件到七牛
   * @author 高偉
   * @date  2016-11-09T16:58:37+0800
   * @param Request         $request [description]
   * @return [type]              [description]
   */
  public function uploadFile(Request $request)
  {
    // 判斷是否有文件上傳
    if ($request->hasFile('file')) {
      // 獲取文件,file對(duì)應(yīng)的是前端表單上傳input的name
      $file = $request->file('file');
      // Laravel5.3中多了一個(gè)寫(xiě)法
      // $file = $request->file;
      // 初始化
      $disk = QiniuStorage::disk('qiniu');
      // 重命名文件
      $fileName = md5($file->getClientOriginalName().time().rand()).'.'.$file->getClientOriginalExtension();
      // 上傳到七牛
      $bool = $disk->put('iwanli/image_'.$fileName,file_get_contents($file->getRealPath()));
      // 判斷是否上傳成功
      if ($bool) {
        $path = $disk->downloadUrl('iwanli/image_'.$fileName);
        return '上傳成功，圖片url:'.$path;
      }
      return '上傳失敗';
    }
    return '沒(méi)有文件';
  }
}

添加路由：

// 上傳頁(yè)面視圖
Route::get('/upload',function ()
{
  return view('index');
});
// form提交到控制器路由
Route::post('upload','UploadController@uploadFile');

視圖頁(yè)面(resources\views\index.blade.php):

<!DOCTYPE html>
<html>
<head>
  <title>上傳圖片</title>
</head>
<body>
  <form method="post" action="{{url('upload')}}" enctype="multipart/form-data">
    {{csrf_field()}}
    <input type="file" name="file">
    <button type="submit">上傳圖片</button>
  </form>
</body>
</html>

OK，刷新頁(yè)面就能看到上傳后的url地址了。這里只是演示一個(gè)最簡(jiǎn)單的實(shí)例，路由定義、視圖樣式、及邏輯層處理大家按照自己的項(xiàng)目來(lái)就行了

看完了這篇文章，相信你對(duì)“Laravel框架如何實(shí)現(xiàn)上傳圖片到七牛功能”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問(wèn)一下細(xì)節(jié)

Laravel框架如何實(shí)現(xiàn)上傳圖片到七牛功能

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽