0
点赞
收藏
分享

微信扫一扫

tp6腾讯云、七牛云对象存储的工具类以及异步上传

千妈小语 2022-03-11 阅读 86

composer安装

代码:

use Lorine\OssUtils\OssService;
 
 
     $config = [
            'ak' => 'xxxxxx',//SecretId /Access_Key
            'sk' => 'xxxxxx',//SecretKe /Secret_Key
            'bucket' => 'xxxxx',//桶名
            'region' => ''//地区 七牛云为'',腾讯云在控制台对象存储界面获取,如上海(ap-shanghai)
        ];
    
    try {
            //云存储类型 腾讯云:Tencent  七牛云:Qiniu
            $obj = (new OssService())->getOssService('Tencent');
            //$tmpName绝对路径
            $tmpName=$request->file('image');
            //$fileName自定义云储存的文件名称
            $fileName=md5(date('Ymd His'));
            $res = $obj->uploadFile($config,$tmpName,$fileName);
            dd($res);
        }catch (Exception $exception){
            dd($exception->getMessage());
        }

异步上传:

前端

<form action="{:url('/img')}" id="upForm" method="post" enctype="multipart/form-data">
    <input type="file" name="img" id="upload">
    <img src="" alt="" class="img">
    <input type="submit" value="提交">
</form>

JqueryAJAX

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
    $('#upload').change(function (){
        $.ajax({
            url:"img",
            type: "POST",//方法类型
            cache : false,//
            processData: false,
            contentType: false,
            dataType:"json",
            //data:$('#upForm').serialize(),
            data: new FormData($('#upForm')[0]),
            beforeSend: function(){
                uploading = true;
                console.log(uploading);
            },
            success: function(data){
               console.log(data.path);
               $('.img').attr('src',data.path);
            }
        });
    })
</script>
举报

相关推荐

0 条评论