Uppy上传器的jQuery小部件包装器
dev-master
2022-08-16 22:47 UTC
Requires
- php: >=7.0.0
- bower-asset/commonjs-require: *
- npm-asset/uppy: ^1.21
- npm-asset/uppy--locales: ^1.16
- yiisoft/yii2: ~2.0.14
- yiisoft/yii2-bootstrap4: ^2.0
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"