使用 Jquery 的图像 src答案

【问题标题】：Image src using Jquery使用 Jquery 的图像 src
【发布时间】：2012-02-27 01:55:38
【问题描述】：

我的图片路径如下图：

<img src='Uploads/" + document.getElementById("<%=currentDirectory.ClientId%>").value + "/" + file.name + "' width='70' height='55'/>

现在我想单击此缩略图以显示其原始图像。为此，我正在这样做：

 $(".imgContain").click(function () {
                $('#<%=largeImage.ClientId%>').attr('src','Uploads/" + document.getElementById("<%=currentDirectory.ClientId%>").value + "/" + file.name + "');

  });

当我这样做并检查它的 src 时，它显示为“无法加载给定 URL”。谁能编辑我这个 src 或指出哪个是最好的方法？

这是我的 HTML 部分：

<div id="thumbs" class="imgContain" runat="server">
    </div>

<asp:Image ID="largeImage" runat="server" 
        style="position:relative;width:450px;height:345px; margin-left:430px;margin-top:-415px; margin-bottom:30px;" 
        BorderColor="#666666" BorderStyle="Dashed" BorderWidth="4px"/>

【问题讨论】：

你的 javascript 是否在外部文件中？
@Mikey-不，它在主脚本中
您能否向我们展示实际生成的 HTML 而不是您的 ASP 代码。我们不知道页面中实际放入了什么，因此我们不知道实际运行的是什么代码（您可能也不知道）。获取实际生成代码的地方是浏览器中的 View/Source。
@jfriend-我已经添加了HTML部分。
那个字符串好像乱七八糟的，看看吧。

标签： jquery asp.net image src

【解决方案1】：

我不是 100% 确定，但我认为您可能必须从字符串中取出服务器标签。

可能是这样的：

 $(".imgContain").click(function () {
                $('#' + <%=largeImage.ClientId%>).attr('src','Uploads"' + document.getElementById(<%=currentDirectory.ClientId%>).value + "/" + file.name + "'");

  });

【讨论】：

【解决方案2】：

是的，那根弦有点偏了。试试这样：

$('.imgContain').click(function () {
    $('#<%=largeImage.ClientId%>').attr('src','Uploads/' + $get('<%=currentDirectory.ClientId%>').value + '/' + file.name);
});

这有点令人困惑，因为单引号和双引号可以互换使用。

【讨论】：

@Will-非常感谢您的编辑，为此我真的在过去 1 天拔掉了头发。