在_form我必须上传一些图片,一切都工作正常,但我缺少的是当我选择我的图片我想在页面上查看该图片(保存之前和插入数据时),所以我在尝试获取该图片的完整路径,以便将其放入图像src。
我已经做的是在Edit上显示该图片,但我想在创建表单上查看该图片。
以下是我的一些代码。
<div class="row">
<?php echo $form->labelEx($model, 'screenshot2'); ?>
<?php
if (!empty($model->app_name)){
echo "<img src='/apps/$model->app_name/$model->app_name" . "_2.jpg'
width=100px height=80px style='float:left' />
<div style='clear:both'></div>";
}
?>
<?php echo $form->fileField($model, 'screenshot2');
//i want to put the image here
print_r($model->image);//This shows the picture name not the path
?>
<?php echo $form->error($model, 'screenshot2'); ?>
</div>
任何获得路径或其他方式的帮助都将受到赞赏,因为我没有找到任何。
答案 0 :(得分:1)
我想你想要显示&#34;预览&#34;一旦在文件字段中选择了某个文件,就会显示图像。
<?php echo $form->fileField($model, 'screenshot2', array('id' => 'screenshot2')); ?>
<img id="preview" src="" />
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
(function(){
$('#screenshot2').on('change', function(evt){
if (0 < evt.target.files.length) {
// get file object which is seled by user
var _image = evt.target.files[0];
var _reader = new FileReader();
_reader.onload = function(evt) {
$('#preview').attr('src', evt.target.result);
};
_reader.readAsDataURL(_image);
} else {
$('#preview').attr('src', null);
}
});
})();
</script>