ASP.NET Core MVC，從數據庫中獲取文件，並呈現為圖像

Question

我將圖像數據存儲在SQL表中，字段類型為varbinary（max）我還存儲圖像內容類型。

使用Microsoft ASP.NET Core MVC和Dapper，我試圖從數據庫中恢復文件並將其渲染為圖像。

這是我的FileModel ：

using System;

namespace Brand.Models
{
    public class FileModel
    {
        public Guid ID { get; set; }
        public string FileName { get; set; }
        public string FileType { get; set; }
        public byte[] FileData { get; set; }
        public int FileLength { get; set; }
        public long Version { get; set; }
        public string FileSource { get; set; }
        public DateTime Created { get; set; }

        public FileModel() 
        {
            FileLength = 0;
            Version = 1;
            Created = DateTime.Now;
        }
    }
}

這些是我的功能：

public FileStreamResult GetFile(string FileID)
{
    return GetFile(new Guid(FileID));
}

public FileStreamResult GetFile(Guid FileID)
{
    using (SqlConnection connection = new SqlConnection(connectionString))
    {
        connection.Open();
        DynamicParameters dynamicParameters = new DynamicParameters();
        dynamicParameters.Add(@"ID", FileID);
        FileModel result = connection.Query<FileModel>("GetFile", dynamicParameters, commandType: CommandType.StoredProcedure).FirstOrDefault();
        Stream stream = new MemoryStream(result.FileData);
        return new FileStreamResult(stream, result.FileType);
    }
}

我用這種語法稱之為：

<img src="@fileExtensions.GetFile(content.FileID)" />

當我嘗試這個時，我得到了404響應，所以顯然我實現這個的方式有問題。

Answer 1

下面的代碼只是我的頭腦，所以它可能需要一些調整，但它會給你基本的想法。

創建一個新的控制器並將您的方法放在那里：

public ImageController : Controller
{
    public FileStreamResult GetFile(string FileID)
    {
        return GetFile(new Guid(FileID));
    }

    public FileStreamResult GetFile(Guid FileID)
    {
        using (SqlConnection connection = new SqlConnection(connectionString))
        {
            connection.Open();
            DynamicParameters dynamicParameters = new DynamicParameters();
            dynamicParameters.Add(@"ID", FileID);
            FileModel result = connection.Query<FileModel>("GetFile", dynamicParameters, commandType: CommandType.StoredProcedure).FirstOrDefault();
            Stream stream = new MemoryStream(result.FileData);
            return new FileStreamResult(stream, result.FileType);
        }
    }
}

然后在你的標記中，引用控制器：

<img src="@Url.Action("GetFile", "Image", new {FileId = content.FileID})" />

Answer 2

由於@fileExtensions.GetFile(content.FileID)實際上返回一個FileStreamResult ，它將無法在html中呈現它，並且可能只返回FileStreamResult.ToString() 。

檢查渲染的HTML！

相反，你要做的是一個函數，它呈現一個url，它觸發一個返回FileStreamResult的控制器上的動作。

另一種選擇是嵌入圖像，如果這是你想要的。

<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />

然后你必須像這篇文章一樣編碼你的圖像： 將圖像路徑轉換為base64字符串，但使用你的內存流而不是從文件路徑讀取。