【问题标题】:Ajax modal popup extender can't show imageAjax 模态弹出扩展器无法显示图像
【发布时间】:2014-10-31 06:59:09
【问题描述】:

我有关于从 asp.net gridview 上的 imagebutton 查看图像的问题

我的图片按钮

<asp:TemplateField HeaderText="Cover Depan" HeaderStyle-Font-Italic="true">
     <ItemTemplate>
         <asp:ImageButton ID="cover1" runat="server" ImageUrl='<%# Eval("cover1") %>' CommandArgument='<%# Eval("cover1") %>' OnClick="ImagePopUp" Width="100" Height="100" />
     </ItemTemplate>
</asp:TemplateField>

我的弹出窗口扩展器

<ajaxToolkit:ModalPopupExtender ID="mpeImg" runat="server" TargetControlID="btnDummyc1"
   PopupControlID="pnlImg" BackgroundCssClass="modalBackground"
   DropShadow="true" Enabled="true" CancelControlID="btnCancel">
</ajaxToolkit:ModalPopupExtender>

我的面板

<asp:Panel ID="pnlImg" runat="server" CssClass="modalPopup">
      <asp:Image ID="imgBig" runat="server" Height="100" Width="100"/>
</asp:Panel>

和我的空虚

protected void ImagePopUp(object sender, ImageClickEventArgs e)
    {
        string ImageName = ((ImageButton)sender).CommandArgument;
        imgBig.ImageUrl = Server.MapPath("..") + "/" + ImageName;
        mpeImg.Show(); 
    }

还有我的虚拟按钮

<asp:Button ID="btnDummyc1" runat="server" style="display:none"/>

我已经得到的结果是一张空白图片

我不知道我的代码有什么问题,如果你知道我的代码有问题,请帮助我

【问题讨论】:

    标签: c# asp.net ajaxcontroltoolkit imagebutton


    【解决方案1】:
    Server.MapPath("..") + "/" + ImageName;
    

    我认为这条路径是不正确的,想一想 转到您的浏览器并右键单击空白图像并选择“检查元素”选项。

    它将向您显示 html 代码,您可以检查您的图片网址是否正确。

    【讨论】:

    • 那么,显示上传到文件夹封面且路径为“../cover/image.jpg”的图像的正确代码是什么?请问您有什么建议吗
    • 从检查元素我找不到我的图像的路径我只是找到 ,但是从断点我得到了ImgBig.ImageUrl 的值为 "C:\\Users\\Kukuh Wicaksono\\Documents\\Visual Studio 2012\\Projects\\SIP\\SIP\\User/~//cover//gambar3.jpg"
    • 是的,这是错误的...如果数据库中的 url 像 "/cover/image.jpg"-----> Image1.ImageUrl = "~/"+ImageName;
    • 哦,对不起,我忘了,主要问题不在于正确的路径,但我将图像按钮放在 asp gridview 上,我尝试将其放在 gridview 上,然后它的工作,但即使我把它在 asp gridview 上它不能工作
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-01-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-22
    相关资源
    最近更新 更多