【发布时间】：2013-05-31 10:49:41
【问题描述】：
我正在构建一个使用 ASP.NET MVC4 来上传/显示图像的网站，并找到了几种显示图像的方法，主要是以下 -
1) 将图片作为文件本地存储在服务器上，并使用相对路径在页面上显示。
//ImageFile is a property which holds a path to the image in the model
<img src="@item.ImageFile" />
When the page is rendered, this becomes a path like - <img src="/Content/Images/Jellyfish.jpg" />
2) 将图像存储为字节数组并使用控制器操作检索它 -
//Use a controller action (GetImg) to get the URL of the image
<img src="@Url.Action("GetImg", "ViewPhotos", new { id = item.ID })" alt="Image" />
When the page is rendered, this becomes a path like - <img src="/ViewPhotos/GetImg/4" alt="Image" />
3) 将图像存储为字节数组并直接在视图中检索 -
//Directly re-construct the image in the view from the byte array (Image property of the model)
<img src="@String.Format("data:image/jpg;base64,{0}", Convert.ToBase64String(item.Image))" />
When the page is rendered, this becomes a path like - <img src="data:image/jpg;base64,/9j/4AAQSkZJRgABAgEA....<long string> .../>
我的问题是 -
1) 1 和 2 有什么区别？
1 直接提供文件的路径，2 提供文件的 URL。它们在后台是相同的还是一种方法比另一种更好？
我检查了here，它说 - Url.Action 将构造动作的路径，返回一个 url，而不是执行动作的结果。那么什么时候检索结果呢？
2) 对 1 或 2 使用 3 是否会对性能产生影响？
3) 当图像尺寸较小（小于 1MB）或较大时，应该使用哪种方法？
如果你能指出任何可以帮助的链接，我很高兴。 谢谢。
代码 -
//型号
public class Photo
{
public int ID { get; set; }
public string ImageFile { get; set; }
public byte[] Image { get; set; }
public string Caption { get; set; }
}
//控制器
public FileContentResult GetImg(int id)
{
byte[] byteArray = db.Photos.Find(id).Image;
if (byteArray != null)
{
return new FileContentResult(byteArray, "image/jpeg");
}
else
{
return null;
}
}
//查看（方法二）
@model IEnumerable<MyPhotoLibrary.Models.Photo>
@foreach (var item in Model) {
<tr>
<td>
<img src="@Url.Action("GetImg", "ViewPhotos", new { id = item.ID })" alt="Image" />
</td>
</tr>
}
//查看（这是方法3）
@model IEnumerable<MyPhotoLibrary.Models.Photo>
@foreach (var item in Model) {
<tr>
<td>
<img src="@String.Format("data:image/jpg;base64,{0}", Convert.ToBase64String(item.Image))" />
</td>
</tr>
}
【问题讨论】：
标签： c# asp.net-mvc asp.net-mvc-4