1. 阿里雲OSS建立存儲空間Bucket(讀寫權限爲:公共讀)php
2. 拿到相關配置html
accessKeyId:*********
accessKeySecret:*********
endpoint:********
bucket:********
3.建立 oss.php 上傳類 (基於thinkPHP5)nginx
<?php namespace app\controller; use OSS\OssClient; class Oss { private static $_instance; private function __construct() { } private function __clone() { } /** * 獲取一個OssClient實例 * @return null|OssClient */ public static function getInstance() { if (!(self::$_instance instanceof OssClient)) { try { self::$_instance = new OssClient(env('oss.access_key_id'), env('oss.access_key_secret'), env('oss.endpoint'), false); } catch (OssException $e) { printf(__FUNCTION__ . "creating OssClient instance: FAILED\n"); printf($e->getMessage() . "\n"); return null; } } return self::$_instance; } /** * 獲取bucket * @return string */ public static function getBucketName() { return env('oss.bucket'); } }
3.上傳調用瀏覽器
use app\controller\Oss;
.
.
.
public function addShopImg(){ $this->checkParams('shop_id'); $file = $this->request->file('image'); if ($file && ($file->getError() == '') && $file->checkImg() && $file->checkSize(5*1024*1024)) { $info = $file->move(APP_PATH . '../public/upload/shops/'); //上傳圖片至阿里雲oss $fileName = 'biz_oss/upload/shops/' . $info->getFilename(); $ossClient = Oss::getInstance(); $bucket = Oss::getBucketName(); $ossClient->uploadFile($bucket, $fileName, $info->getPathname()); $data['shop_img'] = '/upload/shops/'.$info->getFilename(); $data['shop_id'] = $this->params['shop_id']; $re = db('shopImg')->insert($data); if($re){ Api::output(); }else{ Api::fail(2, '上傳失敗'); } } else { Api::fail(1, '圖片不合規'); } }
4.訪問 oss域名地址 不可在瀏覽器直接訪問 可用nginx 代理app
配置中加入:this
location ^~ /biz_oss { proxy_pass http://xxxxxx.oss-cn-shenzhen-internal.aliyuncs.com; }
重啓nginx 阿里雲
nginx配置的域名(server_name)後接上 /biz_oss 如:kwdst.3ce.com/biz_oss 便可指向oss上資源存儲的空間url
以下 $oss_url = kwdst.3ce.com/biz_ossspa
<div style="text-align:center; width:100%; height:100%;"> <img src="{$oss_url}{$img.shop_img}" style="vertical-align:middle;" /> </div>
如此瀏覽器中html 便可訪問加載 oss上圖片資源。代理