https://github.com/2amigos/yii2-file-upload-widget
BlueImp File Upload Widget for Yii2
https://github.com/2amigos/yii2-file-upload-widget
2amigos blueimp file-upload jquery php upload-widget yii
Last synced: 3 months ago
JSON representation
BlueImp File Upload Widget for Yii2
- Host: GitHub
- URL: https://github.com/2amigos/yii2-file-upload-widget
- Owner: 2amigos
- License: other
- Archived: true
- Created: 2014-04-25T13:44:15.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2019-10-25T10:24:27.000Z (over 5 years ago)
- Last Synced: 2024-09-22T22:01:56.231Z (7 months ago)
- Topics: 2amigos, blueimp, file-upload, jquery, php, upload-widget, yii
- Language: PHP
- Size: 193 KB
- Stars: 251
- Watchers: 39
- Forks: 140
- Open Issues: 38
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
# BlueImp File Upload Widget for Yii2
[](https://github.com/2amigos/yii2-file-upload-widget/tags)
[](LICENSE.md)
[](https://travis-ci.org/2amigos/yii2-file-upload-widget)
[](https://scrutinizer-ci.com/g/2amigos/yii2-file-upload-widget/code-structure)
[](https://scrutinizer-ci.com/g/2amigos/yii2-file-upload-widget)
[](https://packagist.org/packages/2amigos/yii2-file-upload-widget)
Renders a [BlueImp jQuery File Upload plugin](http://blueimp.github.io/jQuery-File-Upload/). That plugin integrates multiple file selection, drag&drop support, progress bars, validation and preview of images.
## Installation
The preferred way to install this extension is through [composer](http://getcomposer.org/download/).
Either run
```bash
$ composer require 2amigos/yii2-file-upload-widget:~1.0
```
or add
```
"2amigos/yii2-file-upload-widget": "~1.0"
```
to the `require` section of your `composer.json` file.
## Usage
The widget comes with two flavors:
- FileUpload: [Basic](http://blueimp.github.io/jQuery-File-Upload/basic.html) and [BasicPlus](http://blueimp.github.io/jQuery-File-Upload/basic-plus.html)
- FileUploadUI: [BasicPlus UI](http://blueimp.github.io/jQuery-File-Upload/index.html)
```PHP
= 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);
}',
],
]); ?>
= 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);
}',
],
]); ?>
session->id . DIRECTORY_SEPARATOR;
if (!is_dir($directory)) {
FileHelper::createDirectory($directory);
}
if ($imageFile) {
$uid = uniqid(time(), true);
$fileName = $uid . '.' . $imageFile->extension;
$filePath = $directory . $fileName;
if ($imageFile->saveAs($filePath)) {
$path = '/img/temp/' . Yii::$app->session->id . DIRECTORY_SEPARATOR . $fileName;
return Json::encode([
'files' => [
[
'name' => $fileName,
'size' => $imageFile->size,
'url' => $path,
'thumbnailUrl' => $path,
'deleteUrl' => 'image-delete?name=' . $fileName,
'deleteType' => 'POST',
],
],
]);
}
}
return '';
}
public function actionImageDelete($name)
{
$directory = Yii::getAlias('@frontend/web/img/temp') . DIRECTORY_SEPARATOR . Yii::$app->session->id;
if (is_file($directory . DIRECTORY_SEPARATOR . $name)) {
unlink($directory . DIRECTORY_SEPARATOR . $name);
}
$files = FileHelper::findFiles($directory);
$output = [];
foreach ($files as $file) {
$fileName = basename($file);
$path = '/img/temp/' . Yii::$app->session->id . DIRECTORY_SEPARATOR . $fileName;
$output['files'][] = [
'name' => $fileName,
'size' => filesize($file),
'url' => $path,
'thumbnailUrl' => $path,
'deleteUrl' => 'image-delete?name=' . $fileName,
'deleteType' => 'POST',
];
}
return Json::encode($output);
}
```
Please, check the [jQuery File Upload documentation](https://github.com/blueimp/jQuery-File-Upload/wiki) for further information about its configuration options.
## Using the Actions
TODO
## Testing
```bash
$ ./vendor/bin/phpunit
```
## Contributing
Please see [CONTRIBUTING](CONTRIBUTING.md) for details.
## Credits
- [Antonio Ramirez](https://github.com/tonydspaniard)
- [All Contributors](https://github.com/2amigos/yii2-file-upload-widget/graphs/contributors)
## License
The BSD License (BSD). Please see [License File](LICENSE.md) for more information.
web development has never been so fun
www.2amigos.us