如何在 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。