c# - 如何避免使用 file:// 协议并使用 http:// 显示图像

Question

似乎我们无法使用file:// 协议在 Google Chrome 上显示图像。

我认为有一种方法可以将文件加载到远程网络上，例如file://my-network-computer/my-folder/my-file.jpg并将其呈现为 asp.net 页面上的图像，这将是一件好事。

是否可以从网络驱动器上的文件加载字节，然后将其内容呈现为 asp.net 页面上的图像？

Answer 1

您可以编写一个处理程序，使用其 UNC 路径在网络上打开文件，并使用以下命令将其内容写入响应Response.WriteFile：

<%@ WebHandler Language="C#" Class="Handler" %>

using System.IO;

public class NetworkImageHandler : System.Web.IHttpHandler
{
  // Folder where all images are stored, process must have read access
  private const string NETWORK_SHARE = @"\\computer\share\";

  public void ProcessRequest(HttpContext context)
  {
      string fileName = context.Request.QueryString["file"];
      // Check for null or empty fileName
      // Check that this is only a file name, and not 
      // something like "../../accounting/budget.xlsx"
      // Check that the file extension is valid

      string path = Path.Combine(NETWORK_SHARE, fileName);
      // Check if the file exists

      context.Response.ContentType = "image/jpg";
      context.Response.WriteFile(path, true);
  }

  public bool IsReusable { get { return false; } }
}

然后将图像设置src为处理程序 url：

<asp:Image runat="server" ImageUrl="~/NetworkImageHandler.ashx?file=file.jpg" />

在检查输入时要非常严格，不要创建一个允许某人打开您网络上的任何文件的处理程序。限制对单个文件夹的访问，只允许工作进程访问该文件夹并检查有效的文件扩展名（例如 jpg、jpeg、png、gif）。

这是一个相当简单的例子，不要在没有测试的情况下在生产中使用它。

有关将内容写入响应的替代方法以及更多示例代码，请参阅：

• Response.BinaryWrite
• 响应.传输
• 响应输出流

Answer 2

是的，这是可能的。

您可以将字节转换为 base64 字符串并将图像 src 设置为 base64 字符串。

例子：

<img src="data:image/gif;base64,R0lGODlhDwAPAKECAAAAzMzM/////
wAAACwAAAAADwAPAAACIISPeQHsrZ5ModrLlN48CXF8m2iQ3YmmKqVlRtW4ML
wWACH+H09wdGltaXplZCBieSBVbGVhZCBTbWFydFNhdmVyIQAAOw=="
alt="Base64 encoded image" width="150" height="150"/>

将字节转换为 base64 字符串的方式是：

 base64String = System.Convert.ToBase64String(binaryData, 
                            0,
                            binaryData.Length);