JQuery, скопируйте изображение ASP.Net в изображение HTML - PullRequest
0 голосов
/ 24 февраля 2011

У меня есть приложение ASP.Net, которое использует Jquery ajax для получения динамического HTML-вставки в определенный div на экране. Это работает, но один из тегов является тегом изображения, и изображение не отображается, только «X», поскольку изображение находится на сервере. Путь изображения находится на сервере, ~ / Images / user2.png.

Я думаю о том, чтобы иметь изображение на стороне сервера, удерживать нужное мне изображение, которое не видно, и каким-то образом с помощью jquery «копировать» это изображение в настоящий тег HTML-изображения после его добавления. Но я не могу придумать, как его скопировать. Следует помнить, что HTML-тег изображения не существует до тех пор, пока ajax-данные не будут загружены и добавлены в целевой тег.

Идеи? * * 1005

Ответы [ 2 ]

0 голосов
/ 24 февраля 2011

Не уверен, что я полностью понимаю, что вы пытаетесь выполнить, но если вы хотите изменить атрибут src изображения, загруженного после вашего сообщения ajax ..

//Your ajax post
$(".someSelector").append(data);
$("img.LoadedViaAjax").attr("src", $("img.hidden").attr("src"));
//The rest of your processing....

update

Если источник, на который вы устанавливаете изображение, действителен, он должен правильно вытянуть изображение.Посмотрите этот jsfiddle для примера, который переключается между плохим изображением, действительным изображением и обратно к плохому изображению.

Как выглядит ваш src?Путь выглядит верным?

update попытайтесь сделать это, чтобы вы сгенерировали абсолютный путь вместо относительного.

<img src="<%=ResolveUrl("~/Images/imgxx.png")%>" />
0 голосов
/ 24 февраля 2011

Теги ASP.NET превращаются в теги HTML. Лучший способ для jquery - добавить Class="jqImgHandle", затем использовать jQuery

var src = $("jqImgHandle").attr('src');

, а затем делать то, что вы хотите с источником

Хорошо, простоесли ваш конечный пользователь не может получить доступ к файлу

base64_encode файла

и установить в качестве источника data:image/png;base64,{base64_code_here} заменить {base64_code_here} на код base 64

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...