Изображение Src с использованием Jquery

Question

У меня есть путь к изображению, как показано ниже:

<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-адрес».Может ли кто-нибудь отредактировать мне этот источник или указать, какой способ лучше всего сделать?

Это моя часть 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"/>

Answer 1

Да, эта строка немного не в себе.Попробуйте это так:

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

Это было немного странно, потому что одинарные и двойные кавычки использовались взаимозаменяемо.

Answer 2

Я не уверен на 100%, но я думаю, что вам, возможно, придется извлечь теги сервера из строки.

Может быть что-то вроде этого:

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

  });