Uppy上传器的jQuery小部件包装器

安装次数: 118

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 0

公开问题: 0

类型:yii2-extension

dev-master 2022-08-16 22:47 UTC

This package is auto-updated.

Last update: 2024-09-17 09:56:54 UTC


README

Uppy包装器,模块化JavaScript文件上传器,可以无缝集成到任何应用程序中。它快速、易于使用,让您无需担心构建文件上传器这类问题。

安装

使用Composer的常规方式安装 yii2-uppy。将以下内容添加到您的 composer.json 文件的require部分:

"paskuale75/yii2-uppy": "*"

或者运行:

composer require paskuale75/yii2-uppy

您也可以通过下载ZIP格式的源代码来手动安装 yii2-uppy

使用方法

echo '<div  id="div_' . $uniqueKey . '" class="col-md-12">';
echo Uppyuploader::widget([
    'id' => 'Uppy_' . $uniqueKey,
    'options' => [
        'source' => [
            'type' => Uppyuploader::MODE_FILEINPUT,
            'options' => [
                'target' => '#div_' . $uniqueKey,
                'locale'   => [
                    'strings' => [
                        'browse'        => 'Seleziona file',
                        'browseFiles'   => 'Seleziona file',
                        'addMoreFiles'  => 'Seleziona file',
                        'chooseFiles'   => 'Seleziona file',
                    ]
                ],
            ]
        ],
        'destination' => [
            'type' => Uppyuploader::DEST_XHR,
            'options' => [
                'endpoint' => Url::toRoute([
                    '//main/allegati/files/upload',
                    'param1'    => $myParam,
                    'param2'    => $myParam2
                ]),
                'headers' => [Yii::$app->request->csrfParam => Yii::$app->request->csrfToken],
                'fieldName' => ['qqfile'],
                'resume'    => true,
                'retryDelays' => ['0', '1000', '3000', '5000']
            ]
        ],
        'progressBar' => [
            'target' => '#ProgressBar_Uppy_' . $uniqueKey,
            'fixed' => false,
            'hideAfterFinish' => false
        ],
        'informer' => [
            //'class' => 'alert alert-primary'
        ]
    ],
    'coreOptions' => [
        'debug' => true,
        'autoProceed' => true,
        'target' => '#div_' . $uniqueKey,
        'locale' => str_replace('-', '_', Yii::$app->language),
        'restrictions' => [
            'maxFileSize' => 1000000,
            'maxNumberOfFiles' => 1,
            'minNumberOfFiles' => 1,
            'allowedFileTypes' => ['.pdf']
        ]
    ],
]);
echo '</div>

备注:

如果您使用的是composer版本1.10.13,可能会遇到'composer update'命令的问题。请降级到1.10.10,一切都将按预期工作。降级使用"composer self-update 1.10.10"