定制 dungang/yii2-fex-webuploader 二次开发

按需修改功能、优化性能、对接业务系统,提供一站式技术支持

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

dungang/yii2-fex-webuploader

Composer 安装命令:

composer require dungang/yii2-fex-webuploader

包简介

A webuploader for Yii2

README 文档

README

  • 支持分片上传大文件
  • 可以开启和关闭分片上传
  • 默认只能上传一个文件 文件的服务端存储位置保存在隐藏字段
  • 要上传多个文件,可以通过 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.

dungang/yii2-fex-webuploader 适用场景与选型建议

dungang/yii2-fex-webuploader 是一款 基于 PHP 开发的 Composer 扩展包,目前已累计 57 次下载、GitHub Stars 达 3, 最近一次更新时间为 2017 年 03 月 03 日, 在 PHP 生态内属于活跃度较高的组件。

我们在过去多个企业项目中使用过 dungang/yii2-fex-webuploader 或与其功能相近的方案,如果你在选型或落地过程中遇到问题,例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查,欢迎联系我们协助评估。

围绕 dungang/yii2-fex-webuploader 我们能提供哪些服务?
定制开发 / 二次开发

基于 dungang/yii2-fex-webuploader 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复;针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维;也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ:316430983 微信:yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

统计信息

  • 总下载量: 57
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 3
  • 点击次数: 2
  • 依赖项目数: 0
  • 推荐数: 0

GitHub 信息

  • Stars: 3
  • Watchers: 1
  • Forks: 3
  • 开发语言: PHP

其他信息

  • 授权协议: MIT
  • 更新时间: 2017-03-03