thinkphp5 结合 阿里oss进行多图上传(18年6月28日开发完成)
thinkphp5结合阿里oss 多图上传,刚刚完成 最新的 ,哈哈,我们来看一下。
首先就是下载阿里云的oss包了,我是用composer下载的,下载命令是
composer require aliyuncs/oss-sdk-php 执行完 等着 就行,完事之后会在vendor下生成阿里云的包,如下图所示:
然后 你要准备你的oss一些帐号 ,需要四个东西把 大概
分别是
$accessKeyId, $accessKeySecret, $endpoint,$bucket.
其中前2个是自动生成的,第三个也是现成的 就是一个 网络地址 例如
http://oss-cn-hangzhou.aliyuncs.com
第四个bucket需要你新建一个bucket,然后自己命名,命名好了 拿来就能用了,都完事了就开发把。
首先是common.php,存的是调用阿里oss的公共方法,如下图
1 <?php 2 namespace app\index\controller; 3 4 use think\Controller; 5 use think\Config; 6 use OSS\OssClient; 7 use OSS\Core\OssException; 8 class common extends Controller 9 { 10 Public function moveOss($accessKeyId,$accessKeySecret,$endpoint,$bucket,$object,$content) 11 { 12 try { 13 $ossClient = new OssClient($accessKeyId, $accessKeySecret, $endpoint); 14 $res= $ossClient->putObject($bucket, $object, $content); 15 } catch (OssException $e) { 16 print $e->getMessage(); 17 } 18 return $res['info']['url']; 19 } 20 }
然后新建一个index.php来继承common.php
<?php namespace app\index\controller; use think\Controller; use think\File; class Index extends common { public function index() { error_reporting(0); header("Content-type:text/html;charset=utf-8"); if($this->request->isPost()){ $arrList1= $_FILES['image']['name']; $arrList2= $_FILES['image']['tmp_name']; $info2=array(); for($i=0;$i<count($arrList1);$i++){ $object= $arrList1[$i]; $content=file_get_contents($arrList2[$i]); $info=$this->moveOss('LTAIGJHbVAIejTF9','shSZbjwZVz3OvAWMPESVFqrDO2TpYo', 'http://oss-cn-hangzhou.aliyuncs.com','guanlutu',$object,$content); $arr2[]=$info; //echo $info;echo "<br/>"; } $result=implode(';',$arr2); print_r($result); }else{ return view(); } } }
最后一步就是 view页面了 view/index/index.html的代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form enctype="multipart/form-data" method="post" name="fileinfo" action="{:url('index/index')}"> <table> <tr> <td>上传文件:</td> <td><input type="file" name="image[]" multiple="multiple"></td> </tr> <tr> <td colspan="2"><input type="submit" value="上传" ></td> </tr> </table> </form> </body> </html>
其中要说的是
multiple="multiple" 这个属性 支持大部分pc浏览器和微信浏览器 可以直接多图上传,电脑的话按住ctrl键选择图片就可以了,就是这样,有问题群里找我把。