App_Data 文件夹中的图像未显示在浏览器中

Question

当我将图像 URL 属性设置为 App_Data 文件夹中的 asp 图像控件时，图像显示在页面设计视图中，但不显示在浏览器中。

<form id="form1" runat="server">
<div>
    <asp:Image ID="Image1" runat="server" ImageUrl="~/App_Data/p3.jpg" />
</div>
</form>

看起来很简单，但它没有显示图像。

Answer 1

App_Data 文件夹是为数据库文件等数据保留的特殊文件夹，并且不会在网络上呈现任何内容。这是设计使然，是故意的，无法更改（据我所知）。

您的图像绝对不属于 App_Data 子文件夹 - 将它们放入 /images 文件夹或更合适的文件夹中。

Answer 2

图像永远不应存储在 App_Data 文件夹中。这是为永远不应该直接提供给用户的文件保留的，例如 .mdb 数据库文件等。

我将创建一个 /Resources 或 /Resources/Images 文件夹离开网站的根目录。

Answer 3

我不同意。将图像隐藏在 App_Data 文件夹中并创建自己的 http 处理程序时，您可以保护图像并可以在显示图像之前在图像上添加版权文本等。

当我有高分辨率图片时我会这样做，我不想让每个人都得到，并且让http处理程序缩小图像并添加一些版权文本。伟大的！

Answer 4

好吧，是时候做不可能的事了...虽然您无法直接从 app_data 文件夹加载图像，但您可以编写自己的 http 处理程序，该处理程序将从 app_data 文件夹中读取图像文件并将其发送回客户端。这将是一种解决方法，但一般来说，数据是指只有您的应用程序可以读取的数据。通过让处理程序读取数据，您仍然可以返回这些图像。

但这是不好的做法，如果你为我工作，你会立即被解雇！

Answer 5

这取决于！ ;)

将图像保存在 App_Data 中是有充分理由的。在您的用户可以上传其文件或徽标的情况下，它将保护这些文件，并且不会让其他用户访问它们或将其公开。

最重要的是，这是每个服务器/部署实例拥有不同文件的唯一方法。

部署应用程序时，您可以通过在部署配置中启用“从 App_Data 中排除文件”来保护每个服务器实例的用户上传的这些文件。

如果您想通过 url 访问这些文件，请使用下载处理程序，例如 downloadfile.ashx。

希望这有帮助。

Answer 6

可以提供 App_Data 文件夹中的内容，但不能直接访问。
无法直接访问，不建议间接访问。这是有意为之。

但是添加虚拟路径可以做到这一点。
请参阅此问题

我认为前三个答案符合您的目的。
将图像存储在全局或本地资源文件夹中，这些也是特殊文件夹，可以通过编程方式访问内容。

Answer 7

public string ReturnImage(){
 
alternatively if you wanted to pass a param.

so for example

int WhatEverId = 5;

String folderPath = string.empty;
HostingEnvironment.MapPath("~/App_Data/YourFolder") + @"\" +WhatEverId.ToString());

 string imageYouWantToDisplay = "Test.png";
 string base64String = "";
 String path = HostingEnvironment.MapPath("~/App_Data");
 
 using (Image image = Image.FromFile(path + "/" + imageYouWantToDisplay))
  {
     using (MemoryStream m = new MemoryStream())
      {
        image.Save(m, image.RawFormat);
        byte[] imageBytes = m.ToArray();

        // Convert byte[] to Base64 String
          base64String = Convert.ToBase64String(imageBytes);
      }
    }

    return base64String;

}

然后您可以在操作方法

public DisplayImages (){
List<WhateverModel> test = new List<WhateverModel>();

 test = GetAll().ToList();

  test.ForEach(x=> { MyImage = ReturnImage();});

  return test;

  }

View中调用它

@model WhateverModel
<img src="@MyImage" /> or in js  <img src="${MyImage}" />

Answer 8

如果您使用 IIS 管理工具并转到内容过滤（针对您的应用程序），则会有一个 隐藏分段 选项卡，您可以在其中删除 App_Data

您会注意到这会添加到“”内的 Web.Config节点：

<security>
    <requestFiltering>
        <hiddenSegments>
            <remove segment="App_Data" /> 
        </hiddenSegments>
    </requestFiltering>
</security>

这样做的一个有效原因是，如果您使用 WebDeploy 发布并希望有一种简单的方法将其设置为删除目标处的其他文件，排除 App_Data 文件夹中的文件（假设您没有将项目中的任何内容发布到 App_Data 中并且不这样做）不要在服务器端保留任何私密内容）。

配置 WebDeploy 在使用 UI 客户端时不删除其他特定文件夹似乎至少是有问题的（请参阅 如何在发布过程中跳过文件夹删除？）