如何在 asp.net Visual Studio 中以 Web 表单显示图像？

Question

我在我的根项目文件夹中创建了一个图像文件夹

<asp:Image ID="Image1" runat="server" ImageUrl="~/images/" />

我在这里链接我的图片：

        if (dropDownList.SelectedItem.Value == "Picture 1")
        {
            Image1.ImageUrl = "~/images/picture1.jpg"
        }

当我访问网页时，我得到一个带有 x 的小 img 框，而不是我的图像。

Answer 1

<asp:Image ID="Image1" runat="server" ImageUrl="~/images/" />

正在将 url 设置为目录（文件夹），而不是图像。 这就是为什么你得到小图像框而不是图像的原因。

如果您希望在页面加载时显示图像，请将其设置为有效图像：

<asp:Image ID="Image1" runat="server" ImageUrl="~/images/picture1.jpg" />

Answer 2

<asp:Image ID="Image1" runat="server" ImageUrl="~/images/" /> 

这行代码设置了一个无效的图像 url，因为它只包含文件夹路径。 因此，在您的代码中，您必须确保将 Image1 的 ImageUrl 属性覆盖为有效的图像文件。 根据您的要求，这里是您可以做的事情。

在 aspx 页面中，假设在下拉列表中默认选择 option1，将图像 url 设置为 picture1.jpg，因此在初始页面加载时会显示 picture1.jpg。

<asp:Image ID="Image1" runat="server" ImageUrl="~/images/picture1.jpg" /> 

接下来，将下拉列表的 AutoPostBack 属性设置为 true，以便可以根据下拉选择的值动态更新图像源代码

 <asp:DropDownList 
             ID="DropDownList1"
             runat="server"
             AutoPostBack="true"
             OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>

在 selectedIndexChanged 事件处理程序中，根据 selectedItem 更新图像源

 protected void DropDownList1_SelectedIndexChanged(object sender, System.EventArgs e)
    {
        Image1.ImageUrl = "~/images/" + DropDownList1.SelectedItem.Value;
    }

希望这可以帮助

Answer 3

它显示带有 X 的小图像框，因为它无法在指定的路径中找到图像。

因此，在wwwroot文件夹而不是项目根目录中添加您的图像文件夹。

之后你可以使用<asp:Image ID="Image1" runat="server" ImageUrl="~/images/picture1.jpg" />

为了休息，你可以按照Mohsin 的回答

Answer 4

尝试使用 .Scr 而不是 ImageUrl。