Используйте javascript для установки URL-адреса изображения управления изображением в asp.net

У меня есть элементы управления Image, FileUpload и Button. Я хочу сохранить изображение на сервере из локального пути, полученного из элемента управления FileUpload. Я реализовал эту функциональность при нажатии кнопки на C#.Используйте javascript для установки URL-адреса изображения управления изображением в asp.net

Теперь я хочу установить URL-адрес изображения управления изображением OnClientClick той же кнопки, на которой реализован код на стороне сервера.

URL-адрес изображения откладывается каждый раз в зависимости от файла, выбранного в элементе управления FileUpload. Может ли кто-нибудь помочь мне понять, как javascript можно использовать для установки URL изображения на основе файла, выбранного в элементе управления загрузкой файлов?

источник

2012-08-10 Ishan

Прежде всего, понять, что JavaScript не понимает, уход, или даже знать о C# и его фантазии «управления». Он просто имеет дело с HTML. Период. Тем не менее, вы можете использовать функцию JavaScript setAttribute, чтобы установить URL-адрес изображения тега img (а не управления). Как это:

document.getElementById('my-image').setAttribute('src', 'http://ecx.images-amazon.com/images/I/41%2BjAZ4dUGL._SS500_.jpg');

Демо здесь: http://jsfiddle.net/je9Gx/

источник

2012-08-10 10:18:27

Идентификатор элемента управления asp изменяется при визуализации, поэтому вы не можете найти его напрямую. поэтому JQuery - это более простой подход к их поиску. – Pranav

@Pranav, я не согласен с тем, что использование jQuery проще ... вот почему оно существует в первую очередь, я просто говорю, что вы не должны делать предположение, что OP использует или даже хочет использовать , jQuery. Если 'getElementById' не будет работать, OP может найти другой селектор, который будет работать _will_. Суть моего ответа и ответ на его вопрос - использование 'setAttribute' (которое я только заметил, что вы реализовали в своем ответе). _Что он использует эту функцию, это зависит от OP. Но да, использование jQuery облегчило бы это. –

OP спрашивает об управлении ASP-образов не HTML-образ, поэтому я предложил использовать jquery, потому что очень сложно найти управление asp через простой javascript; вам нужно написать Regex, чтобы найти элемент управления в javascript, иначе можно использовать простой JQuery. – Pranav

Вы можете использовать этот код для поиска элемента управления изображением, где imgid - идентификатор элемента управления изображением;

$("[id$='imgid']").attr("src",pathfromfileuploader); 

//pathfromfileuploader=it is a variable which stores the path taken from file uploader;

Надеюсь, что это поможет :)

источник

2012-08-10 10:18:15 Pranav

Вы предполагаете ОР использует JQuery. –

@AymanSafadi: да .. это более простой подход, чтобы найти элементы управления asp и намного быстрее. – Pranav

Используйте javascript для установки URL-адреса изображения управления изображением в asp.net

ответ

Смежные вопросы