Question

我有一个文件夹，我的所有图像都会上传，我想创建一个div，上传的图像以较小的尺寸显示。

我不想保存上传图片的较小版本，我只想以较小的尺寸显示它们。

上传的文件已经是100x100大小，所以我不必担心比例性

有什么办法可以做到吗？

Answer 1

只需使用css设置所需的大小：

div img {
  width: 50px;
  height: 50px;
}

Answer 2

HTML路线（内联）：

<div class="normal image"><img src="images/imgsrc.jpg" width="100" /></div>
<div class="smaller image"><img src="images/imgsrc.jpg" width="75" /></div>
<div class="half image"><img src="images/imgsrc.jpg" width="50" /></div>
<div class="tiny" image><img src="images/imgsrc.jpg" width="25" /></div>

CSS路线：

<div class="normal image"><img src="images/imgsrc.jpg" /></div>
<div class="smaller image"><img src="images/imgsrc.jpg" /></div>
<div class="half image"><img src="images/imgsrc.jpg" /></div>
<div class="tiny image"><img src="images/imgsrc.jpg" /></div>
<style type="text/css">
.image img{width:90px;}
.normal img{width:auto;}
.smaller img{width:75px;}
.half img{width:50px;}
.tiny img{width:25px;}
</style>

显示上传的图像尺寸较小的PHP

2 个答案: