thinkphp5+zyFile.js将图片上传到七牛云
程序员文章站
2022-04-05 20:27:21
...
thinkphp通过zyfile无刷新将图片上传到七牛云,以及获取七牛云下存储空间中的文件信息
前面发布了一个通过zyFile将图片上传到本地的,当然我们做网站的时候经常要用到cnd。所以,我就给大家分享一个将图片上传到七牛云。
在这里要感谢七牛云,(不要钱啊,哈哈)。
先讲一下基本的配置吧,先配置application/index/config下面的key,这些key可以在七牛云个人中心的-->秘钥管理中查看到,BUCKET参数就是你要上传的存储空间名称。好了,基本上就不需要改动什么了。
index.php的代码如下:
七牛云的SDK可以通过composer去更新,里面的demo就可以满足你的所有需求了,只需要像我这样改成tp5的写法就行了。
好吧,文件大小超标!那我将代码放入云盘,大家感兴趣的可以过去看一下
http://pan.baidu.com/s/1bp5etbh
我的github:https://github.com/nick-bai/
前面发布了一个通过zyFile将图片上传到本地的,当然我们做网站的时候经常要用到cnd。所以,我就给大家分享一个将图片上传到七牛云。
在这里要感谢七牛云,(不要钱啊,哈哈)。
先讲一下基本的配置吧,先配置application/index/config下面的key,这些key可以在七牛云个人中心的-->秘钥管理中查看到,BUCKET参数就是你要上传的存储空间名称。好了,基本上就不需要改动什么了。
index.php的代码如下:
// +----------------------------------------------------------------------
// | snake
// +----------------------------------------------------------------------
// | Copyright (c) 2016~2022 http://baiyf.com All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
// +----------------------------------------------------------------------
// | Author: NickBai
// +----------------------------------------------------------------------
namespace app\index\controller;
use think\Controller;
use Qiniu\Auth;
use Qiniu\Storage\BucketManager;
use Qiniu\Storage\UploadManager;
class Index extends Controller
{
public function index()
{
return $this->fetch('/index');
}
/**
* 后台默认首页
* @return mixed
*/
public function indexPage()
{
return $this->fetch('index');
}
/**
* 云存储下的所有图片
* @return mixed
*/
public function picList()
{
require_once APP_PATH . '/../vendor/vendor/autoload.php';
$accessKey = config('ACCESSKEY');
$secretKey = config('SECRETKEY');
$auth = new Auth($accessKey, $secretKey);
$bucketMgr = new BucketManager($auth);
// 要列取的空间名称
$bucket = config('BUCKET');
// 要列取文件的公共前缀
$prefix = '';
// 上次列举返回的位置标记,作为本次列举的起点信息。
$marker = '';
// 本次列举的条目数
//$limit = 3;
// 列举文件
$list = $bucketMgr->listFiles($bucket, $prefix, $marker);
$list = array_filter($list);
$this->assign([
'list' => $list
]);
return $this->fetch();
}
//上传图片
public function showUpload()
{
return $this->fetch();
}
//处理上传的主方法
public function upload()
{
$file = request()->file('fileList');
require_once APP_PATH . '/../vendor/vendor/autoload.php';
// 需要填写你的 Access Key 和 Secret Key
$accessKey = config('ACCESSKEY');
$secretKey = config('SECRETKEY');
// 构建鉴权对象
$auth = new Auth($accessKey, $secretKey);
// 要上传的空间
$bucket = config('BUCKET');
// 生成上传 Token
$token = $auth->uploadToken($bucket);
// 要上传文件的本地路径
$filePath = $file->getRealPath();
$ext = pathinfo($file->getInfo('name'), PATHINFO_EXTENSION); //后缀
// 上传到七牛后保存的文件名
$key = substr(md5($file->getRealPath()) , 0, 5). date('YmdHis') . rand(0, 9999) . '.' . $ext;
// 初始化 UploadManager 对象并进行文件的上传
$uploadMgr = new UploadManager();
// 调用 UploadManager 的 putFile 方法进行文件的上传
list($ret, $err) = $uploadMgr->putFile($token, $key, $filePath);
if ($err !== null) {
var_dump($err);
} else {
echo $bucket . '/' . $key;
}
}
}
view下面的文件挺多的,这里就不罗列代码了,自己下载附近去查看即可。本例子只是一个简单的演示,当然很多功能都不是很完善,大家勿喷啊,就是给想用这个的人提供一个实现的思路。七牛云的SDK可以通过composer去更新,里面的demo就可以满足你的所有需求了,只需要像我这样改成tp5的写法就行了。
好吧,文件大小超标!那我将代码放入云盘,大家感兴趣的可以过去看一下
http://pan.baidu.com/s/1bp5etbh
我的github:https://github.com/nick-bai/
上一篇: CSS做出图片背景填充的六边形
下一篇: 调整CSS类型的顺序改变