0

因此，当用户单击按钮时，将加载图像。这适用于以下代码：

 <script type ="text/javascript">
        function showImg() 
        {
              $("#imagePreview").attr("src", "//this is a url for image");

         }
        </script>

        <div style="height:50px; margin-top:25px; margin-bottom:25px;">
            <img id="imagePreview" alt="" width="30" height ="30"></img>
            <input type="button" onclick="javascript:showImg()" />
        </div>

但是我试图改变它，以便在另一个页面上使用 onclick 按钮事件，所以我将上面的代码更改为：

  <script type ="text/javascript">
        function showImg(url) 
        {
              $("#imagePreview").attr("src", "url");

         }
        </script>

        <div style="height:50px; margin-top:25px; margin-bottom:25px;">
            <img id="imagePreview" alt="" width="30" height ="30"></img>
        </div>

在另一页上我添加了

 <asp:HyperLink runat="server" ID="HyperLink1" NavigateUrl="<%# FieldValueString %>" Text="View Image" Visible="true" />
<input type="button" onclick="javascript:showImg("<%# "FieldValue" %>")" />
<asp:Label runat="server" ID="Label1" Text="No Image" Visible="false" />

但是单击按钮时没有任何反应。有任何想法吗？

4

1 回答 1

1

您将参数url作为字符串...无需""在 url中使用

它应该是

 function showImg(url) 
 {
     $("#imagePreview").attr("src", url); //here

 }
于 2013-01-08T11:22:56.067 回答