3 Star 2 Fork 1

dungang / yii2-fex-webuploader

加入 Gitee
与超过 800 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md

yii2 fex-webuploader

  • 支持分片上传大文件
  • 可以开启和关闭分片上传
  • 默认只能上传一个文件 文件的服务端存储位置保存在隐藏字段
  • 要上传多个文件,可以通过 clientOptions配置。开启之后,多个文件的服务端存储位置用,分隔成一个字符串保存在隐藏字段
  • 本模块的UI不具备通用性,只是解决了上传普通文件,上传大文件的问题
  • 主要是解决自己项目的业务场景
  • 放弃之前的文件处理驱动,使用 dungang/yii2-file-storage 作为文件存储方案的替换

效果图

使用方法

下载验证码包


composer require dungang/yii2-fex-webuploader

配置模块 config/web.php

'webuploader'=>[
    'class'=>'dungang\webuploader\Module',
//下面是默认配置    
//    [
        /**
         * @var array 访问角色 默认是登录用户才可以
         */
//        role => ['@'],
         
        /**
         * @var string 上传文件的驱动
         */
//        'driver' => 'dungang\storage\driver\Local',
//        'driver' => [
                'class'=>'dungang\storage\driver\AliYunOSS',
                //Yii::$app->params['oss']
                'paramKey'=>'oss'
            ],
    
        /**
         * @var string 上传文件保存的相对路径
         */
//        'saveDir' => '/upload/webuploader',
    
        /**
         * @var array 接受的文件类型
         */
//        'accept' => ['gif','jpg','png','bmp','docx','doc','ppt','xsl','rar','zip','7z']
//    ]
],
    

配置widget

<?= $form->field($model, 'image')->widget('\dungang\webuploader\widgets\WebUploader',[
    'chunked'=>true
]) ?>

<?= \dungang\webuploader\widgets\WebUploader::widget([
    'chunked'=>true,
    'name' =>'image'
])?>

<?= $form->field($model,'cover')->widget('dungang\webuploader\widgets\WebUploader',[
    'chunked'=>true,
    'chunkSize'=>4*1024*1024 //七牛存储必须设置为4m
])?> 

<?= $form->field($model, 'cover')->widget('dungang\webuploader\widgets\WebUploader',[
    'chunked'=>true,
    'chunkSize'=>4*1024*1024,
    'formData'=>[
        'entityId'=>$model->id,
        'entityName'=>'post'
    ]
]) ?>

修改 php.ini

## 七牛存储必须设置为4m 所以 至少是4m
upload_max_filesize = 4M  
post_max_size = 8M

配置参数如下

  • 根据实际情况选择性配置,默认上传入口时本模块的控制器,也可以同个action配置在自己app的其他的控制器
  • 安装上面的安装步骤 就可以很好的工作了
    /**
     * @var string 选择按钮的名称
     */
    'pickTitle' => '选择文件',
    
    /**
     * @var string 文件上传入口
     */
    'uploadPoint'=> null,

    /**
     * @var string 删除文件入口
     */
    'delPoint'=>null,

    /**
     * @var bool 是否自动开启上传
     */
    'auto' => true,

    /**
     * @var bool 分片上传大文件
     */
    'chunked' => false,

    /**
     * @var int 上传文件数量限制
     */
    'fileNumLimit' => 1,

    /**
     * @var int 单个文件大小限制
     */
    'fileSingleSizeLimit' => 100 * 1024 * 1024,

    /**
     * @var int 分片的大小
     */
    'chunkSize' => 5 * 1024 * 1024,

    /**
     * @var array 额外的表单数据
     */
    'formData' => [],
    
    /**
     * @var array 初始化 webuploader options
     */
    'clientOptions' => []

扩展驱动

放弃之前的文件处理驱动,使用 dungang/yii2-file-storage 作为文件存储方案的替换

支持事件

Uploader 驱动事件

  • beforeInitUploaderinitUploader方法调用之前触发
  • beforeWriteFilewriteFile方法调用之前触发
  • afterWriteFilewriteFile方法调用之后触发
  • beforeDeleteFiledeleteFile方法调用之前触发
  • afterDeleteFiledeleteFile 方法调用之后触发

使用场景

  • 使用非本地驱动的时候,如果是成熟项目,以aliyun oss 举例来说,原先的项目的配置的属性key 可能和驱动本身要求的key的名称不一样这个时候需要在初始化之前获取到原先的配置进行转换成驱动要求的, 则可以绑定 beforeInitUploader 事件来处理此工作。
  • 比如我们需要上传文件之后,把文件的存储信息保存到数据库,则可以绑定 afterWriteFile 事件来处理此工作。
  • 比如我们删除文件,要删除对应的数据库信息,则可以绑定 afterDeleteFile 事件来处理此工作。

绑定事件的方式,配置行为

'webuploader'=>[
    'class'=>'dungang\webuploader\Module',
    [
        'driver' => [
                'class'=>'dungang\webuploader\components\AliYunOSSUploader',
                //Yii::$app->params['oss']
                'paramKey'=>'oss',
                //参考Yii2行为配置
                'as aliyunBehavior'=>'behiaviorClassName'
            ],
    ]
],

YII2行为配置的方法

[
    'as myBehavior2' => MyBehavior::className(),

    'as myBehavior3' => [
        'class' => MyBehavior::className(),
        'prop1' => 'value1',
        'prop2' => 'value2',
    ],
]

协议

MIT License

Copyright (c) 2017 dungang

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

仓库评论 ( 0 )

你可以在登录后,发表评论

简介

百度fex-webuploader 展开 收起
PHP
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
PHP
1
https://gitee.com/dungang/yii2-fex-webuploader.git
git@gitee.com:dungang/yii2-fex-webuploader.git
dungang
yii2-fex-webuploader
yii2-fex-webuploader
master

搜索帮助