tp6实现腾讯云存储与分片

最新推荐文章于 2024-06-03 11:06:44 发布
最新推荐文章于 2024-06-03 11:06:44 发布
阅读量509 收藏 2
点赞数
文章标签： php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59063045/article/details/119412839
版权

腾讯云对象存储：https://cloud.tencent.com/document/product/436/12266

  把配置封装到config中

html页面

<!doctype html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>后台登录-X-admin2.2</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="/static/css/font.css">
    <link rel="stylesheet" href="/static/css/login.css">
    <link rel="stylesheet" href="/static/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="/static/lib/layui/layui.js" charset="utf-8"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        .mask {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: #000;
            opacity: 0.8;
            filter: alpha(Opacity=80);
            -moz-opacity: 0.8;
            z-index: 999;
            display: none;
        }

        .loading {
            position: fixed;
            width: 300px;
            left: 50%;
            margin-left: -150px;
            top: 200px;
            height: 18px;
            border-radius: 10px;
            background: #fff;
            z-index: 9999;
            overflow: hidden;
            display: none;
        }
    </style>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form" class="layui-form" method="post" action="">
            <div class="layui-form-item">
                <label for="username" class="layui-form-label">
                    <span class="x-red">*</span>优惠券名称</label>
                <div class="layui-input-inline">
                    <input type="text" id="username" name="disname" required="" lay-verify="required" autocomplete="off"
                           class="layui-input"></div>
            </div>
            <div class="layui-form-item">
                <label for="username" class="layui-form-label">
                    <span class="x-red">*</span>类型</label>
                <div class="layui-input-inline">
                    <select id="shipping" name="type" class="valid">
                        <option value="通用券">通用券</option>
                        <option value="店铺券">店铺券</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="phone" class="layui-form-label">
                    <span class="x-red">*</span>优惠券面值</label>
                <div class="layui-input-inline">
                    <input type="text" id="phone" name="price" required="" lay-verify="required" autocomplete="off"
                           class="layui-input"></div>
            </div>
            <div class="layui-form-item">
                <label for="username" class="layui-form-label">
                    <span class="x-red">*</span>最低消费</label>
                <div class="layui-input-inline">
                    <input type="text" id="username" name="miprice" required="" lay-verify="required" autocomplete="off"
                           class="layui-input"></div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">日期选择</label>
                    <div class="layui-input-block">
                        <input type="text" name="date" id="date1" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="username" class="layui-form-label">
                        <span class="x-red">*</span>排序</label>
                    <div class="layui-input-inline">
                        <input type="text" id="username" name="sort" required="" lay-verify="required"
                               autocomplete="off" class="layui-input"></div>
                </div>
                <input type="hidden" name="form_submit" value="ok"/>
                <div class="layui-form-item">
                    <label class="layui-form-label">安装包：</label>
                    <input type="hidden" id="totalPage" value="0"/>
                    <input type="hidden" id="page" value="1"/>
                    <input type="hidden" id="status" value="0"/>
                    <div class="layui-input-block">
                        <button type="button" class="layui-btn" id="fileUpload"><i class="layui-icon"></i>上传文件</button>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">安装包名：</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" id="name" value="" lay-verify="title" autocomplete="off"
                               readonly="true" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">下载地址</label>
                    <div class="layui-input-block">
                        <input type="text" name="downUrl" id="downUrl" value="" lay-verify="downUrl" autocomplete="off"
                               readonly="true" placeholder="" class="layui-input">
                    </div>
                    <div class="layui-form-item">
                        <label for="L_repass" class="layui-form-label"></label>
                        <button class="layui-btn" lay-filter="add" lay-submit="">增加</button>
                    </div>
        </form>
    </div>
</div>
<script>layui.use(['form', 'layer', 'laydate', 'upload', 'element'],
    function () {
        $ = layui.jquery;
        var form = layui.form,
            laydate = layui.laydate,
            layer = layui.layer,
            upload = layui.upload,
            element = layui.element,
            $ = layui.$;

        //日期
        laydate.render({
            elem: '#date1'
        });

        //监听提交
        form.on('submit(add)',
            function (data) {
                console.log(data);
                $.ajax({
                    url: "{:url('cod')}",
                    data:{
                        // disname:
                    }
                })
                return false;
            });
        upload.render({
            elem: '#fileUpload',
            url: 'upload', //处理上传文件接口
            accept: 'file',
            auto: false,
            acceptMime: '*.*',//允许上传的文件类型
            choose: function (obj) {
                element.progress('uploadProgress', '0%');
                $('.mask').show();
                $('.loading').show();
                var data = this.data;
                var files = obj.pushFile();
                var LENGTH = 500 * 1024; //每片文件大小
                obj.preview(function (index, file, result) {
                    var totalSize = file.size;
                    var totalPage = Math.ceil(totalSize / LENGTH);
                    $('#totalPage').val(totalPage);
                    $('#page').val('1');
                    $('#status').val('1');
                    var fileName = file.name;
                    $('#name').val(fileName);
                    var fileExt = fileName.substr(fileName.lastIndexOf('.') + 1);
                    fileName = fileName.substr(0, fileName.lastIndexOf('.'));
                    var progressTimer = setInterval(function () {
                        var totalPage = parseInt($('#totalPage').val());
                        var page = parseInt($('#page').val());
                        var status = $('#status').val();
                        if (parseInt(totalPage) == parseInt(page) && (parseInt(status) == 2 || parseInt(status) == -1)) {
                            clearInterval(progressTimer);
                        } else {
                            if (status == 1) {
                                $('#status').val('0');
                                data.fileName = fileName;
                                data.page = page;
                                data.totalPage = totalPage;
                                data.fileExt = fileExt;
                                obj.upload(index, file.slice((page - 1) * LENGTH, page * LENGTH));
                            }
                        }
                    }, 100);
                });
            },
            done: function (res) {
                if (res.status == 1) { //分片上传
                    var page = parseInt($('#page').val());
                    var totalPage = parseInt($('#totalPage').val());
                    element.progress('uploadProgress', Math.ceil(page * 100 / totalPage) + '%');
                    page = page + 1;
                    console.log(page);
                    $('#page').val(page);
                    $('#status').val('1');
                } else if (res.status == 2) { //上传完成
                    element.progress('uploadProgress', '100%');
                    $('#status').val('2');
                    $('#downUrl').val(res.downUrl);
                    layer.msg('上传成功', {time: 1000, anim: 0}, function () {
                        $('.mask').hide();
                        $('.loading').hide();
                    });
                } else { //上传错误
                    $('#status').val('-1');
                    element.progress('uploadProgress', '0%');
                    console.log(!typeof (res.downUrl) == "undefined");
                    if (typeof (res.downUrl) == "undefined") {
                    } else {
                        $('#downUrl').val(res.downUrl);
                    }
                    layer.msg("上传失败，请重试", {time: 3000, anim: 0}, function () {
                        $('.mask').hide();
                        $('.loading').hide();
                    });
                }
            },
            error: function () {
                $('.mask').hide();
                $('.loading').hide();
            }
        });
    });</script>
</body>

</html>

前提先要在publiv文件夹下创建tmp文件夹

 控制器下

public function upload()
    {
        $path = \request()->file('file')->getPathname();
        //处理分片上传文件
        $status = 1;
        //上传文件要保存的路径
        $fname = sprintf(public_path() . 'tmp/%s.%s', $_POST['fileName'], $_POST['fileExt']);
        $data = file_get_contents($_FILES['file']['tmp_name']);

        if ($_POST['page'] == 1) {
            file_put_contents($fname, $data);
        } else {
            //其余文件追加到文件末尾
            file_put_contents($fname, $data, FILE_APPEND);
        }

        //最后一片文件
        if ($_POST['totalPage'] == $_POST['page']) {
            $status = 2;
        }
        //返回上传状态
        $res = ['status' => $status, 'downUrl' => "http://localhost/data.dat"];
        echo json_encode($res);
        return Lib::set($fname);
    }

service层下的

<?php
namespace app\service;

use Qcloud\Cos\Client;

class Lib
{
    public static function set($path)
    {
        $secretId = config('setting.Tencent.secretId'); //"云 API 密钥 SecretId";
        $secretKey = config('setting.Tencent.secretKey'); //"云 API 密钥 SecretKey";
        $region = config('setting.Tencent.region'); //设置一个默认的存储桶地域
        $cosClient = new Client(
            array(
                'region' => $region,
                'schema' => 'https', //协议头部，默认为http
                'credentials'=> array(
                    'secretId'  => $secretId ,
                    'secretKey' => $secretKey)));
        ### 上传文件流
        try {
            $bucket = config('setting.Tencent.bucket'); //存储桶名称 格式：BucketName-APPID
            $key = mt_rand(1,100).'.jpg'; //此处的 key 为对象键，对象键是对象在存储桶中的唯一标识
            $srcPath = $path;//本地文件绝对路径
            $file = fopen($srcPath, "rb");
            if ($file) {
                $result = $cosClient->putObject(array(
                    'Bucket' => $bucket,
                    'Key' => $key,
                    'Body' => $file));
                return 'https://****'.$key;//返回路径
                print_r($result);
            }
        } catch (\Exception $e) {
            echo "$e\n";
        }
    }
}

氢氧化水
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
tp6+图片审核+oss上传
lzc147258的博客
09-12 462
/** * 图片审核 */ public function imageAudit() { $file = request()->file('img'); $name=$file->getPathname(); //apikey $apikey="BBmaz8XU1rKEHChQSqlsdCvG"; //SecretKey $SecretKey="kmta1o..
TP6数据库的设计与实现.pptPPT文档.pptx
11-18
TP6数据库的设计与实现.pptPPT文档.pptx
tp3封装腾讯云短信接口
09-04
tp3封装腾讯云短信接口
vue、thinkphp实现腾讯云对象存储COS图片上传
arslan-robot
02-21 743
composer安装qcloud-sts-sdk。前端vue2代码,使用vant的文件上传组件。
微信小程序/网站 上传图片到腾讯云COS
weixin_33897722的博客
05-13 520
2019独角兽企业重金招聘Python工程师标准>>> ...
腾讯云对象存储COS的使用教程，node获取签名，js上传
qq_40146880的博客
10-31 3974
腾讯云对象存储的使用 这里忽略创建存储桶之类的操作。 说明：本示例使用nuxt服务端渲染 + koa框架 万事第一步：npm install ~~~ npm i qcloud-cos-sts --save node sdk 注意：qcloud-cos-sts 只能在服务端中使用。 第二步：设置授权策略 // 示例 创建一个oss文件夹在controllers下面,项目结构自行更改。 // ../c...
tp6整合腾讯云cos上传
我就是一个编程菜狗的博客
07-17 932
1.创建一个名为composer.json的文件，内容如下： { "require": { "qcloud/cos-sdk-v5": ">=2.0" } } 2.执行以下命令，使用 Composer 安装。 php composer update 3.复制代码 我这里目录结构是app\common\service <?php declare (strict_types = 1); namespace app\common\service; use Qcl...
ThinkPhp6图片上传七牛云、腾讯云操作
Xian_Hu的博客
12-18 369
第一步： 安装composer包 composer require lorine/oss-utils 第二步： 在接收文件时进行调用 use Lorine\OssUtils\OssService; $config = [ 'ak' => 'xxxxxx',//SecretId /Access_Key 'sk' => 'xxxxxx',//SecretKe /Secret_Key 'bucket..
TP6-------对接腾讯云直播
qq_17525509的博客
05-13 829
一、环境准备 1.服务器，阿里云服务器、腾讯云服务器或者其它服务器 2.需要两个域名一个推流域名一个播放域名 3.阿里云服务器为例需要解析两个域名作为推流和播放,推流和播放如下图都指向如下 4.去腾讯云控制台，新建播放和推流域名 注意：推流和播放不能是一个域名，可以是子域名 5.新建key 地址 站点域名管理 6.下载推流软件ob和播放alc 参考腾讯云文档云直播 OBS 推流-功能实践-文档中心-腾讯云-腾讯云 二、代码 1.复制推流下的php代码 2.复制如下代码 ..
php think app_app · thinkphp6文档 · 看云
weixin_39842029的博客
03-08 315
常量：VERSION：tp的版本方法：register($service, bool $force = false)：Service|null -- 注册服务 true则强制注册bootService($service)：mixed -- 执行服务getService($service):ervice|null -- 获取服务debug(bool $debug = true...
怎么查看php网站架构6,架构 · thinkphp6文档 · 看云
weixin_39636102的博客
03-22 278
```array (0 => 'tp6\\public\\index.php',1 => 'tp6\\vendor\\autoload.php',2 => 'tp6\\vendor\\composer\\autoload_real.php',3 => 'tp6\\vendor\\composer\\ClassLoader.php',4 => 'tp6\\vendor\...
腾讯云语音验证码PHP_SDK
12-05
腾讯云语音验证码PHP_SDK，官方提供的是使用composer安装，或者自主下载，但是需要手动配置很多东西，本资源包可以直接下载，放到自己的项目中，直接引入即可
tp6使用rabbitmq
09-22
tp6使用rabbitmq
TP5实现留学信息管理与分析系统.zip
03-07
人工智能-项目实践-信息管理系统
腾讯云发布php项目,ThinkPHP集成腾讯云存储(COS)--详解
weixin_32285045的博客
03-10 364
准备工作：一、根据图示进入COS 点击立即使用 进入后根据下面点击新建：Bucket(Bucket就是你往云存储的一个目录) 新建Bucket 二、下载SDK下一步： 然后复制把整个cos文件夹复制到项目里(我是放到根路径的“Expand”文件夹里去了) 三、配置基本信息打开下边路径的：Conf.php 文件 填写这三项(获取方法在下边) 获取方法:登陆腾讯云,打开云存储点击：获取AIP密钥 准...
Steamdeck使用Windows系统游玩雪地奔驰时闪退问题解决方法
fxalll的博客
05-28 461
在github正好有一个叫dxvk的库，能够基于vulkan实现d3d11，因此我们访问https://github.com/doitsujin/dxvk，从 Releases下载dxvk-2.3.1.tar.gz（当前最新版本），解压压缩包，在x64 目录中获取 dxgi.dll 和 d3d11.dll，并将两个dll文件放进Snowrunner.exe根目录所在的位置，再次启动游戏，游戏果然正常运行了。因此我自己分析终于解决该问题。困扰我两天的问题终于解决了，也算这个小众游戏全网的第一个解决方案吧。
ctfshow-web入门-爆破（web25）及php_mt_seed工具的安装与使用
最新发布
Welcome To Myon'Blog !
06-03 343
rand)){ ，需要为真才会执行后面输出 flag 的语句，因此 $rand 需要为 0 ，而 $rand = intval($r)-intval(mt_rand());特别注意，这里的 mt_rand()+mt_rand() 是第二次和第三次生成的随机数之和，因为前面已经使用过一次 mt_rand() 了。我们令 r=0，就可以得到 $rand = -intval(mt_rand())，只要设置了 r，就会 echo $rand;都是一样的种子，但是第一次和第二次生成的随机数结果是不一样的。
HackTheBox-Machines--Popcorn
七天
05-28 562
Popcorn 测试过程。
3.location的写法
u010198709的博客
05-28 424
让服务器接收到请求后，根据需求改写地址，以改写的地址给客户端响应。优先级: =, ^~, ~, ~*, location /nginx通过fastCGI机制调用PHP，处理动态资源。php以fpm的方式运行，有自己独立的进程、服务。将httpd换为nginx，高并发、高性能。作用: 匹配客户端响应。
在php编写的tp框架数据库如何上云到腾讯云
05-22
将TP框架的代码上传到腾讯云服务器上，然后在腾讯云上安装MySQL数据库，并将数据库迁移至腾讯云数据库。最后，修改TP框架的配置文件，将数据库连接地址、用户名和密码等信息修改为腾讯云数据库的信息即可。具体步骤...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值