README

用法

1.安装及配置

1.1安装

composer require quansitech/qscmf-formitem-tengxun-cos

1.2在env文件中加入

COS_SECRETID=[腾讯云api secretid]
COS_SECRETKEY=[腾讯云api secretkey]
COS_HOST=[cos存储地址]

1.3在config.php中对应的上传类型更改配置

示例

'UPLOAD_TYPE_IMAGE' => array(
    'mimes'    => 'image/jpeg,image/png,image/gif,image/bmp', //允许上传的文件MiMe类型
    'maxSize'  => 5*1024*1024, //上传的文件大小限制 (0-不做限制)
    'exts'     => 'jpg,gif,png,jpeg', //允许上传的文件后缀
    'autoSub'  => true, //自动子目录保存文件
    'subName'  => array('date','Ymd'), //子目录创建方式，[0]-函数名，[1]-参数，多个参数使用数组
    'rootPath' => './Uploads/', //保存根路径
    'savePath' => 'image/', //保存路径
    'saveName' => array('uniqid', ''), //上传文件命名规则，[0]-函数名，[1]-参数，多个参数使用数组
    'saveExt'  => '', //文件保存后缀，空则使用原后缀
    'replace'  => false, //存在同名是否覆盖
    'hash'     => true, //是否生成hash编码
    'callback' => false, //检测文件是否存在回调函数，如果存在返回文件信息数组
    'cos_host' => env('COS_HOST'),
),

2.使用

上传

$builder=new FormBuilder();
$builder
    ->addFormItem('picture_cos1','picture_cos','单图Cos1')
    ->addFormItem('pictures_cos1','pictures_cos','多图Cos1')
    ->addFormItem('file_cos1','file_cos','单文件Cos1')
    ->addFormItem('files_cos1','files_cos','多文件Cos1')
    ->display();

默认采用image和file类型上传，可通过定义data-url参数来设置需要的类型

前端组件

在页面加载js文件

<script type="text/javascript" src="__PUBLIC__/tengxun-cos-uploader/qs-cos-upload.js"></script>

用法:

<body>
    <div id="upload">
        <button>上传</button>
	</div>
	<script>
        var opt = {
            value: [
                {
                    file_id: 36,
                    name: '测试.jpg', 
                    thumbUrl: "https:\/\/demo.test\/61616c4957275_thumb.png",
                    file_url: "https:\/\/demo.test\/61616c4957275.png"
                }
            ],
            listType: 'text',
            policyUrl: 'http://demo.test/extends/TengxunCos/policyGet/type/image',
            maxCount: 1,
            showUploadList: false,
            onChange: function(files){ console.log(files); }
        };

        CosUploader(document.getElementById('upload'), opt);
	</script>
</body>

配置项说明:

配置项	类型	说明	默认值
value	array	初始化fileList, file 的属性有 name 文件名称， file_id 文件id, thumbUrl 缩略图, file_url 文件的地址	[]
listType	string	antd说明文档	picture-card
policyUrl	string	获取cos上传策略地址	/extends/TengxunCos/policyGet/type/image
maxCount	number	antd说明文档	1
showUploadList	antd说明文档	antd说明文档	true
onChange	callback	文件上传完成触发change回调，返回当前文件列表，文件列表格式：[{file_id:1, file_url:'url'}]
crop	object	antd-img-crop说明文档	false

3.升级

升级至1.1.0

获取文件url

/** 
 * @var int $file_id file_pic_id
 * @var int $expire 过期时间 
*/
$url=\FormItem\TengxunCos\TengxunCos::getInstance()->getFileUrl($file_id,$expire);

支持私有读bucket

在上传文件配置中加入 'security' => true,即可

quansitech / qscmf-formitem-tengxun-cos

Maintainers

Details

README

用法

1.安装及配置

1.1安装

1.2在env文件中加入

1.3在config.php中对应的上传类型更改配置

2.使用

上传

前端组件

3.升级

升级至1.1.0

获取文件url

支持私有读bucket