我认为您可以尝试WebClient.DownloadData() 方法从指定的URI 将图像下载为字节数组,然后使用Convert.ToBase64String() 将其转换为Base64 格式,并使用视图模型中的字符串属性将其显示在<img> 标记上为@ 987654327@属性值,下面是显示图片的例子:
视图模型示例
public class ViewModel
{
// other properties
// used to pass image into src attribute of img tag
public string ImageData { get; set; }
}
控制器动作
public ActionResult Display(string resourcePath)
{
Uri uri = new Uri("pack://application:,,,/ProjectName;component/Images/Vectors/" + resourcePath, UriKind.Absolute);
using (var wc = new System.Net.WebClient())
{
// download URI resource as byte array
byte[] image = wc.DownloadData(uri);
// get image extension
string path = string.Format("{0}{1}{2}{3}", uri.Scheme, Uri.SchemeDelimiter, uri.Authority, uri.AbsolutePath);
string extension = System.IO.Path.GetExtension(path).Replace(".", "");
// assign image to viewmodel property as Base64 string format
var model = new ViewModel();
model.ImageData = string.Format("data:image/{0};base64,{1}", extension, Convert.ToBase64String(image));
return View(model);
}
}
查看
@model ViewModel
<img src="@Model.ImageData" ... />
补充说明:
如果你已经知道资源 URI 的扩展名,你可以直接使用它而不是使用 Path.GetExtension,这里是一个 JPG 格式的例子:
model.ImageData = string.Format("data:image/jpg;base64,{0}", Convert.ToBase64String(image));
相关问题:
Image to byte array from a url
MVC How to display a byte array image from model