javascript - 使用 JavaScript 自动调整大图像的大小？

Question

我有一个应用程序，允许人们使用 bb 代码在彼此的个人资料上发布图像。问题是，有些张贴非常大的图片，在查看时会覆盖网站的其他部分。

如何在客户端缩小图像，使其不大于 x x y 尺寸？

编辑。这些是 myspace 个人资料风格的图像......人们使用 [img] 标签发布。它们不会上传或存储在网站本身上。

score 0 · Accepted Answer

而是在服务器端缩小它们。我猜你无论如何都会把它存储在那里。将其存储在那里将减少从服务器传递到客户端的数据量。如果存储大图像，每次请求都会向客户端发送大量不必要的数据，速度较慢。

如果你真的想在客户端做这件事，我猜 CSS 会为你调整它的大小。

编辑： 试试下面，看到它在另一个论坛上使用，在 IE 中工作并且应该在大多数浏览器中工作：使用 css，将 img 设置为：

width: 590 px;

和围绕它的 div：

max-width: 590 px;

score 0 · Accepted Answer

在网站上传时调整图像大小会好得多。通过这种方式，您可以强制实施最适合您网站的最大尺寸。

如果您依赖渲染图像然后调整其大小，您将获得闪烁效果，因为图像以全尺寸显示，然后按比例缩小。

另一种选择是将正在显示的图像放在具有设定大小和溢出：隐藏的 div 中。

score 0 · Accepted Answer

0

CSS：

#post img {
    max-height: 1000px;
    max-width: 500px;
}

于 2010-05-29T20:33:24.463 回答

3 回答 3