image_sizer.php
1.48 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<?php
/**
* Created by PhpStorm.
* User: vitaliy
* Date: 05.10.15
* Time: 16:20
*/
use yii\helpers\Html;
$this->registerJsFile('@web/js/vendor/bower/jquery-file-upload/js/vendor/jquery.ui.widget.js');
$this->registerJsFile('@web/js/vendor/bower/jquery-file-upload/js/jquery.iframe-transport.js');
$this->registerJsFile('@web/js/vendor/bower/jquery-file-upload/js/jquery.fileupload.js');
?>
<?= $form->field( new \backend\models\ImageSizerForm(), 'file')->fileInput(['id'=>$field, 'data-url'=>"/admin/site/download-photo", 'multiple'=> $multi?'multiple':'' ]); ?>
<?= $form->field($model,$field)->hiddenInput(['id' => "{$field}_picture_link"]) ?>
<?= $form->field(new \backend\models\ImageSizerForm(),'height')->hiddenInput(['value' => $height])->label(false) ?>
<?= $form->field(new \backend\models\ImageSizerForm(), 'width')->hiddenInput(['value' => $width])->label(false) ?>
<div id="<?= $field?>_img_block">
<?= $model->$field ? Html::img('/'.$model->$field): '' ?>
</div>
<script>
$(function(){
$("#<?= $field?>").fileupload({
dataType: 'json',
done: function (e, data) {
var host = window.location.host.toString();
var img = '<img src="http://'+host+data.result.link+'">';
var block = $("#<?= $field?>_img_block");
block.find('img').remove();
block.append(img);
$("#<?= $field?>_picture_link").val(data.result.link);
}
});
})
</script>