thinkphp5 结合阿里oss进行多图上传(18年6月28日开发完成)

Posted 2020-11-20 大白驴

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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键选择图片就可以了，就是这样，有问题群里找我把。

以上是关于thinkphp5 结合阿里oss进行多图上传(18年6月28日开发完成)的主要内容，如果未能解决你的问题，请参考以下文章

商城项目09_品牌管理菜单快速显示开关阿里云进行文件上传结合Alibaba管理OSS服务端签名后直传

PHP上传文件到阿里云OSS,nginx代理访问

Thinkphp5 多图上传

上传组件优化el-upload组件结合上传阿里云OSS实现更优交互

thinkphp+layui多图上传thinkphp5+layui实现多图上传保存到数据库，可以实现图片自由排序，自由删除。

thinkphp5 结合 阿里oss进行多图上传(18年6月28日开发完成)

thinkphp5 结合阿里oss进行多图上传(18年6月28日开发完成)