Question

我正在尝试显示原始文件夹中的图片。我想在1366x768窗口中显示原始图像。

当我改变

<?php $width = 1366;$height = 768; ?>

此行中的高度，它会自动显示以此高度和宽度裁剪图像。

<div class="white_box">
<div class="box-body">
<span class="hide WallHashID"><?php echo $wallpaper->wallpaper_hash; ?></span>
<?php $width = 1366;
$height = 768; ?>
<div class="row">
<div class="col-sm-12">
    <div class="wallpaper_image">
        <img class="thumbnail img-responsive"
             style="width:100%; height:auto; display:block; max-width:<?php echo $width; ?>px;max-height: <?php echo $height; ?>px;"
             src="<?php echo $this->image_workshop->crop_image(ORIGINALS_FOLDER_WF . '/' . $wallpaper->wallpaper_image_path, $width, $height, $wallpaper->wallpaper_crop_position, 'thumbnail'); ?>"
             alt="<?php echo $wallpaper->wallpaper_name; ?>">
        </div>
      </div>
    </div>
  </div>
</div>
<?php } ?>

Answer 1

简单地：

<img src="<?php echo base_url(); ?>your folder name /<?php echo $wallpaper->wallpaper_image_path; ?>">

Answer 2

您不必使用$this->image_workshop->crop_image功能或任何其他功能来处理图像。您可以使用图像的绝对路径，并使用css或html属性 height 和 width 设置样式。例如，使用 css ：

设置样式

<img class="thumbnail img-responsive"
             style="width:<?php echo $width;?>px; height:<?php echo $height;?>px; display:block; max-width:<?php echo $width; ?>px;max-height: <?php echo $height; ?>px;"
             src="<?php echo ORIGINALS_FOLDER_WF . '/' . $wallpaper->wallpaper_image_path ; ?>"
             alt="<?php echo $wallpaper->wallpaper_name; ?>">

或使用html标记属性：

<img class="thumbnail img-responsive"
                 width="<?php echo $width;?>" 
                 height="<?php echo $height;?>"
                 src="<?php echo ORIGINALS_FOLDER_WF . '/' . $wallpaper->wallpaper_image_path ; ?>"
                 alt="<?php echo $wallpaper->wallpaper_name; ?>">

缺点是您将在浏览器中加载完整大小的图像，并在其中调整大小。如果您关心图片的信息大小，则应在上传原始图片时创建缩略图版本。然后使用图像的缩略图版本。

如何显示文件夹codeignihter

2 个答案: