1. 程式人生 > >Laravel上傳圖片到七牛

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中新增七牛配置:

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

OK,擴充套件包的安裝就暫時介紹到這裡,接下來我們要去七牛註冊一個賬號並且將上面的配置完善。

七牛賬號註冊及配置

先去七牛註冊一個賬號,點選官網的註冊會讓我們選擇使用者型別,這裡我就選擇個人使用者。

接下來按照流程來進項註冊就OK了,我就不演示給大家看了。由於我的手機號已經註冊了,這裡只能給大家看一下我已經添加了儲存物件的例項了。

OK ,簡單的用圖給大家看一下七牛的預設域名及自定義域名在哪裡看。下面給大家看一下七牛的祕鑰的位置:

點選祕鑰管理,就可與看到個人七牛的祕鑰了:

七牛在Laravel中的配置

上面已經介紹相關的配置在哪兒,現在我們要將這些配置在Laravel中使用:

上傳圖片到七牛

簡單用一個示例來演示前端上傳圖片到後臺後,用七牛的擴充套件上傳圖片

先在 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>

頁面程式碼簡單,沒有任何樣式(請原諒我偷懶),新建 UplaodController 上傳檔案控制器:

php artisan make:controller UploadController

實現上傳方法:

<?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對應的是前端表單上傳input的name
            $file = $request->file('file');
            // Laravel5.3中多了一個寫法
            // $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 '沒有檔案';
    }
}

新增路由:

// 上傳頁面檢視
Route::get('/upload',function ()
{
    return view('index');
});

// form提交到控制器路由
Route::post('upload','[email protected]');

檢視頁面(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,重新整理頁面就能看到上傳後的url地址了。這裡只是演示一個最簡單的例項,路由定義、檢視樣式、及邏輯層處理大家按照自己的專案來就行了

相關推薦

Laravel圖片

新建專案 這裡直接用一個新的Laravel5.3的專案進行演示,其他版本都是一樣不會影響功能,頂多是路由位置不一樣而已。已有專案的小夥伴可直接跳過次段。 # 新建專案 laravel new laravel-qiniu cd laravel-qiniu 安裝Larave

java圖片-檔案/圖片

java圖片上傳-檔案(圖片)上傳到七牛 一、在配置檔案中引入依賴(注:七牛開發者url:https://developer.qiniu.com/kodo) <-- 引入依賴 --> <dependency> <

使用vue-image-crop-upload剪裁圖片通過thinkphp5

在此工作之前必須有七牛雲賬號和七牛雲已經建立好的空間,在賬號中可以獲取到 ACCESSKEY 和 SECRETKEY。 vue-image-crop-upload的使用方法可以參考官方的用法,如何需要滿足自己的需求,可進行一定的修改再封裝成自己的元件進行使用。 vue-image-crop-

vue中使用vue-quill-editor富文字編輯器,自定義toolbar,圖片

一、npm 安裝 vue-quill-editor  二、在main.js中引入 import VueQuillEditor from 'vue-quill-editor' // require styles 引入樣式 import 'quill/dist/quill.c

springboot webuploader 圖片雲。

首先要註冊七牛雲。 後端 pom.xml 檔案配置依賴外掛。 <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring

Tp3.1 文件

pos use ast releases 文件上傳 storage u2l image ID TP3.1 中不支持Composer 就無法用composer 安裝 下載歷史的SDK https://github.com/qiniu/php-sdk/releases/

Tp3如何實現本地視頻文件

orm slist 4類 .net 指定 命名 lis xxxxxxxx ESS 對於七牛雲的使用,估計有些剛接觸開發的技術人員還不太清楚,那麽更不要說如何實現本地視頻上傳到七牛雲轉儲了,其實這個技術並沒有想象中的那麽困難,下面就來跟大家詳細介紹一下流程:   1、首先我們

C# 檔案雲伺服器(一)

本章講述:C# 中呼叫七牛雲提供的SDK,實現檔案簡單上傳功能。 分片,斷點續上傳講解,請檢視:C# 檔案上傳到七牛雲伺服器(二) 地址為: 開發流程步驟地址:https://blog.csdn.net/BYH371256/article/details/79868562 1、把

ueditor檔案

準備工作 ueditor外掛:百度雲下載資源: https://pan.baidu.com/s/1EL_hoJGTyZEf49WX0KQfvA Ueditor下載官網https://ueditor.baidu.com/website/download.html 第一 匯入Maven專案中

C# 檔案雲伺服器(二)

本章講述:C# 中呼叫七牛雲提供的SDK,實現檔案分片上傳、支援斷點續上傳、暫停/繼續、進度回撥顯示 檔案簡單上傳講解,請檢視:C# 檔案上傳到七牛雲伺服器(一) 地址為: 新建類,儲存相關引數,引數註釋可參考:C# 檔案上傳到七牛雲伺服器(一) //七牛雲預設引

tp3.2檔案雲方法

因為tp3.2框架本身就自帶七牛雲上傳外掛,所以我們只需要配置就可以了。 一、在這裡有個前提那就是大家要有七牛雲的賬號來獲取:accessKey,secrectKey,domain,bucket   二、然後在config裡面新增配置: 'UPLOAD_SITEIMG_

使用ueditor

1、弄了兩三天了,開始改的是ueditor.jar中的原始碼上傳到七牛雲,之後發現上傳時檔案太大(100MB)導致超過了響應時間前臺報錯,而且前臺的上傳進度也看不出來,所以只能採用js-sdk中的方式 2、ueditor使用的是WebUploader上傳方式,七牛雲中提供的

laravel圖片的兩種方式

第一 :是laravel裡面自帶的上傳方式(寫在接口裡面的)function uploadAvatar(Request $request) { $user_id = Auth::id(); $avatar = $request->

生成二維碼並直接

package com.casic.util; import com.casic.anfangyun.expo.model.ExpoApply; import com.casic.anfangyun.expo.model.ExpoAudienceRegister; impo

Laravel 圖片

註冊七牛雲賬號 開啟<a href="https://portal.qiniu.com">七牛雲</a>註冊賬號並實名認證,認證成功後就可以檢視自己的私鑰了 確認本機安裝Composer,如果沒有請百度自行安裝Composer。在控

laravel +vue+element-UI圖片

element-UI上傳元件 <el-form-item label="縮圖" prop="photo_id"> <el-upload class="avatar-uploader"

UEditor圖片C#(後端實現)

nco nag manage ora 個人 finall code 七牛存儲 json 由於個人網站空間存儲有所以選擇將圖片統一存儲到七牛上,理由很簡單 1 免費10G 的容量 ,對個人網站足夠用 2 規範的開發者文檔 和完善的sdk(幾乎所有熱門語言sdk)

Ueditor結合雲存儲圖片、附件和圖片在線管理的實現和最新更新

1.4 star json serve 列出文件 教程 開發 存儲服務器 name 最新下載地址: https://github.com/widuu/qiniu_ueditor_1.4.3 Ueditor七牛雲存儲版本 註意事項 老版本請查看 : https://gith

圖片和二進制流方法

mini ram uuid 方法 throws rom ack 其他 try package com.qlyd.aspmanager.common.qiniu;import com.alibaba.fastjson.JSON;import com.google.gson.G

springboot(7)——圖片/檔案到雲端儲存

一、七牛雲快速入門 快速入門 1、註冊賬號 2、建立儲存空間, 命名xyz對應下面springboot 應用配置bucket 3、建立成功後進入該空間,獲取該空間的測試域名,對應下面springboot 應用配置中的path 4、點選“個人面板—金鑰管理