使用JavaScript自動調整大圖像的大小？

Question

我有一個應用程序，允許人們使用bb代碼在彼此的個人資料上發布圖像。 問題是，有些張貼的圖像很大，查看時會覆蓋網站的其他部分。

如何縮小客戶端圖像，使其不超過x x y尺寸？

編輯。 這些是myspace個人資料樣式圖片...。人們使用[img]標簽發布。 它們不會上載或存儲在網站本身上。

Answer 1

而是在服務器端按比例縮小它們。 我想你還是把它存儲在那里。 將其存儲在此處將減少從服務器傳遞到客戶端的數據量。 如果存儲較大的圖像，則在每個請求中速度較慢的情況下，許多不必要的數據將發送給客戶端。

如果您真的想在客戶端執行此操作，我想CSS會為您調整大小。

編輯：嘗試以下，看到它在另一個論壇上使用，在IE中工作，並且應該在大多數瀏覽器中工作：使用CSS，將img設置為：

width: 590 px;

和div圍繞它：

max-width: 590 px;

Answer 2

調整網站上載圖片的大小會更好。 這樣，您可以實施最適合您的站點的最大大小。

如果您要渲染圖像，然后再調整其大小，則在以全尺寸顯示圖像時，會產生閃爍效果，然后將其縮小。

另一個選擇是將要顯示的圖像放入div中，並設置大小並設置溢出：隱藏。

Answer 3

CSS：

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