tp5 上传图片到阿里云OSS

关注

VIP免费原创最新推荐文章于 2025-12-22 10:16:04 发布 1.3k 阅读 AI 写同款· GEO 优化 ›

本文为博客 VIP 文章，开通 VIP 后可阅读全文

1.登录阿里云官网购买oss，支付成功返回管理控制台新建一个Bucket存储桶：
在这里插入图片描述

添加Bucket后点击进去，会看到下面有个 EndPoint（地域节点),后面oss配置会使用到。
2.用composer 下载一个阿里云oss的sdk

composer require aliyuncs/oss-sdk-php

下载成功后在tp5项目的vendor目录下存放，如下图：
在这里插入图片描述
3.在tp5的config中做如下一些配置：

 //阿里云OSS配置
    'alioss'        =>[
        'KeyId'      => '',  //AccessKey ID
        'KeySecret'  => '',  //Access Key Secret
        'Endpoint'   => '',  //外网访问节点
        'Bucket'     => '',  //Bucket名称
    ],

其中AccessKey ID和Access Key Secret在这个地方可以找到：（注意保密）
在这里插入图片描述
4.创建一个简单的表单页面
osspiclist.html 表单提交不跳转

<style>
    em.invalid{
   
   
        color: red;
        background-image: url(__STATIC__/common/img/unchecked.gif);
        background-repeat: no-repeat;
        padding-left: 20px;
    }
    em.valid{
   
   
        background-image: url(__STATIC__/common/img/checked.gif);
        background-repeat: no-repeat;
        padding-left: 20px;
    }
</style>
<div class="ibox-content">
    <form id="form1" action="/admin2/pic/uploadFile" method="post" enctype="multipart/form-data">
        <div>
            选择图片:
        </div>
        <div>
            <input type="file" name="file">
            <span></span>
        </div>
        <div style="height: 30px;"></div>
        <div>
            <input type="submit" value="提交">
        </div>
    </form>
</div>
<script src="__STATIC__/common/js/jquery.js"></script>
<script src="__STATIC__/common/js/jquery.validate-1.13.1.js" type="text/javascript" charset=