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
'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、點選“個人面板—金鑰管理