如何在 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，因为它只包含文件夹路径。因此，在您的代码中，您必须确保将 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 2

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

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

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

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

Answer 3

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

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

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