1. 程式人生 > 實用技巧 >laravel admin 七牛雲上傳 實現點選 圖片放大

laravel admin 七牛雲上傳 實現點選 圖片放大

安裝步驟

composer require zgldh/qiniu-laravel-storage
config/app.php 裡面的 providers 陣列, 加上一行 zgldh\QiniuStorage\QiniuFilesystemServiceProvider::class

  

config/filesystem.php 裡面的 disks陣列加上:
'disks' => [
        ... ,
        'qiniu' => [
            'driver'  => 'qiniu',
            'domains' => [
                'default'   => 'xxxxx.com1.z0.glb.clouddn.com', //你的七牛域名
                'https'     => 'dn-yourdomain.qbox.me',         //你的HTTPS域名
                'custom'    => 'static.abc.com',                //Useless 沒啥用,請直接使用上面的 default 項
             ],
            'access_key'=> '',  //AccessKey
            'secret_key'=> '',  //SecretKey
            'bucket'    => '',  //Bucket名字
            'notify_url'=> '',  //持久化處理回撥地址
            'access'    => 'public',  //空間訪問控制 public 或 private
            'hotlink_prevention_key' => 'afc89ff8bd2axxxxxxxxxxxxxxbb', // CDN 時間戳防盜鏈的 key。 設定為 null 則不啟用本功能。
//            'hotlink_prevention_key' => 'cbab68a279xxxxxxxxxxab509a', // 同上,備用
        ],
    ],

  然後修改laravel-admin的上傳配置,開啟config/admin.php找到:

'upload'  => [

    'disk' => 'qiniu',

    'directory'  => [
        'image'  => 'image',
        'file'   => 'file',
    ],
],

什麼不用動 使用的就是七牛雲

參考地址 https://github.com/zgldh/qiniu-laravel-storage

2,點選列表圖片放大

composer require laravel-admin-ext/grid-lightbox

  

php artisan vendor:publish --tag=laravel-admin-grid-lightbox

  然後修改laravel-admin的上傳配置,開啟config/admin.php找到:extensions

 'extensions' => [
        'grid-lightbox' => [
            // Set to `false` if you want to disable this extension
             'enable' => true,
        ],
],

  

控制器使用

$grid->column('image_url','商品圖片')->lightbox(['width' => 100, 'height' => 100]);