Asp.net mvc 3 如何在mvc3中保持图像的比例来显示图像？

在mvc3中，产品有更多的图像，并且有一个标准的框大小，所有图像都在视图中。 用户输入不同大小的图像：200x800、2200x500..等等。但我必须以150x120大小在标准框中显示所有图像。大多数图像在150x120大小的框中水平或垂直拉伸，看起来非常糟糕

<img src="@Url.Content( Path.Combine( "~/Uploads/Products/", @item.Date.Value.ToShortDateString(), @item.ImagePath1 ) )" width="150" height="120" alt="" />

---

如何使所有图像变小，但保持比例？

你有一个好问题。然而，一种方法是要求用户使用javascript按一定比例上传

例如，您的输入控件应该是

<input id="ImageFile" name="ImageFile" type="file" onchange="check_filesize(this.value,'upload');" />

这样，您可以确保完美地显示图像

---

希望您能理解，这对您有所帮助。

您有一个好问题。然而，一种方法是要求用户使用javascript按一定比例上传

例如，您的输入控件应该是

<input id="ImageFile" name="ImageFile" type="file" onchange="check_filesize(this.value,'upload');" />

这样，您可以确保完美地显示图像

---

希望您能理解，这会有所帮助。

保持比例的一种方法是在css中设置宽度值，但是图像将具有宽度，并且高度未知，具体取决于起始图像。这将是修复拉伸图像的最简单方法。但是你不会知道上面提到的高度

而ofc必须加载大图像（大传输大小），因此这可能不是合适的解决方案

剃刀代码

<img src="@Url.Content( Path.Combine( "~/Uploads/Products/", item.Date.Value.ToShortDateString(), @item.ImagePath1 ) )" alt="" />

---

保持比例的一种方法是在css中设置宽度值，但是图像的宽度和高度是未知的，这取决于起始图像。这将是修复拉伸图像的最简单方法。但是你不会知道上面提到的高度

而ofc必须加载大图像（大传输大小），因此这可能不是合适的解决方案

剃刀代码

<img src="@Url.Content( Path.Combine( "~/Uploads/Products/", item.Date.Value.ToShortDateString(), @item.ImagePath1 ) )" alt="" />