tp5 上传图片到阿里云OSS

本文介绍了如何在ThinkPHP5(tp5)框架下实现图片上传到阿里云对象存储服务(OSS)。首先在阿里云官网上购买并创建OSS存储桶,获取Endpoint。接着通过Composer安装阿里云OSS SDK,并在tp5的配置文件中设置AccessKey ID和Access Key Secret。然后创建表单页面和控制器文件实现上传功能,最后在OSS管理控制台验证上传成功。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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=
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值