weison-tech / yii2-file-upload-widget

Blueimp 文件上传小部件,适用于 Yii 框架

安装: 17

依赖项: 1

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 140

类型:yii2-extension

1.0.2 2015-04-14 19:11 UTC

This package is not auto-updated.

Last update: 2024-09-14 17:42:56 UTC


README

Latest Version Software License Build Status Coverage Status Quality Score Total Downloads

渲染 BlueImp jQuery File Upload 插件。该插件集成了多文件选择、拖放支持、进度条、验证和图像预览。

安装

安装此扩展的首选方式是通过 composer

运行

$ composer require 2amigos/yii2-file-upload-widget:~1.0

或者将以下内容添加到您的 composer.json 文件的 require 部分:

"2amigos/yii2-file-upload-widget": "~1.0"

to the require section of your composer.json file.

使用方法

该小部件提供两种版本

<?php
use dosamigos\fileupload\FileUpload;

// without UI
?>

<?= FileUpload::widget([
	'model' => $model,
	'attribute' => 'image',
	'url' => ['media/upload', 'id' => $model->id], // your url, this is just for demo purposes,
	'options' => ['accept' => 'image/*'],
	'clientOptions' => [
		'maxFileSize' => 2000000
	],
	// Also, you can specify jQuery-File-Upload events
	// see: https://github.com/blueimp/jQuery-File-Upload/wiki/Options#processing-callback-options
	'clientEvents' => [
	    'fileuploaddone' => 'function(e, data) {
	                            console.log(e);
	                            console.log(data);
	                        }',
        'fileuploadfail' => 'function(e, data) {
	                            console.log(e);
	                            console.log(data);
                            }',
	],
]);?>

<?php

// with UI

use dosamigos\fileupload\FileUploadUI;
?>
<?= FileUploadUI::widget([
	'model' => $model,
	'attribute' => 'image',
	'url' => ['media/upload', 'id' => $tour_id],
	'gallery' => false,
	'fieldOptions' => [
    		'accept' => 'image/*'
	],
	'clientOptions' => [
    		'maxFileSize' => 2000000
	],
	// ...
	'clientEvents' => [
    	    'fileuploaddone' => 'function(e, data) {
    	                            console.log(e);
    	                            console.log(data);
    	                        }',
            'fileuploadfail' => 'function(e, data) {
    	                            console.log(e);
    	                            console.log(data);
                                }',
    ],
]);
?>

请参阅 jQuery File Upload 文档 了解其配置选项的更多信息。

测试

$ ./vendor/bin/phpunit

贡献

有关详细信息,请参阅 CONTRIBUTING

致谢

许可证

BSD 许可证(BSD)。有关更多信息,请参阅 许可证文件


网络开发从未如此有趣
www.2amigos.us