Курсы javascript
Доброго времени суток!
Задача: нужно, чтобы по клику мыши по любой картинке на сайте происходило отображение картинки в увеличенном виде. У img нет ни id, ни name.
Но у меня ни как не получается получить src img.
Подскажите пожалуйста как это реализовать.
Спасибо.
Сама картинка к примеру:
Функция отображения увеличенной картинки
function image_full_on(img_dir) < document.getElementById('img_full').src=img_dir; var ua = navigator.userAgent; if (ua.search(/MSIE/) != -1)< document.getElementById('div_img_full').style.display = 'block'; document.getElementById('img_full').style.display = 'block'; document.getElementById('div_img_full2').style.display = 'block'; document.getElementById('img_full_bar').style.display = 'block'; >else < $("#div_img_full").show("slow"); $("#div_img_full2").show("slow"); $("#img_full_bar").show("slow"); $("#img_full").show("slow"); >>
how to extract src from image in javascript while img tag is coming in js object
we have data coming from another application(DB) like below image file has been stored like @1=»< img width=498 height=425 jpeg;base64,/9j/4AAQSkZJRgABAQ. ">« var data = @1 DownloadCode(); i want to download file image file. I am newbie in JS.
asked Sep 5, 2017 at 10:59
Rahul Patel Rahul Patel
317 1 1 gold badge 9 9 silver badges 27 27 bronze badges
Not too sure ! do you want a physical image? As I can see you have base64 encoded image. So if you want the physical image you need to decode it.
Sep 5, 2017 at 11:05
i tried this code. i need src of image in js variable . var m, urls = [], str = ‘
‘, rex = /
Sep 5, 2017 at 11:05
The code looks good. and putting everything into an array. you just need to take it from an array . If you are not using multiple Images avoid array and put into variable
Sep 5, 2017 at 11:11
my string is like str = » this reg ex is not working for me. img tag is not closed properly. i think. It is able to render correct.
Как получить src?
По нажатию на ссылку нужно получать атрибут src у картинки.
Я пытался через querySelectorAll, но при попытке повесить событие addeventlistener получал ошибку. Через id тоже не получилось, вспомнил что id это уникальный идентификатор и он должен быть один на странице.
Подскажите пожалуйста, как сделать так, чтобы по нажатию на ссылку в консоль выводился атрибут src у img. И чтобы эту функцию можно было вызывать не один раз.
- Вопрос задан более трёх лет назад
- 5107 просмотров
Комментировать
Решения вопроса 1
FrontFinish
const allLinks = document.querySelectorAll('.slide-img a'); allLinks.forEach(el=>el.addEventListener('click',function(e)< e.preventDefault(); console.log(el.querySelector('img').getAttribute('src')); >);получить src js
Если вы хотите получить ссылку на файл JavaScript, который используется на веб-странице, то вам нужно открыть раздел «Исходный код» (View Source) браузера и найти тег script , в который подключен нужный файл:
src="path/to/your/script.js"> Копируйте путь до файла (значение атрибута src ) и используйте его для загрузки файла JavaScript. Например, вы можете использовать этот путь для подключения этого файла на другой странице:
src="path/to/your/script.js"> 13 апреля 2023
Для получения значения атрибута src у элемента страницы в JavaScript, можно использовать свойство src этого элемента.
Допустим, у вас есть изображение на странице:
src="my-image.jpg" alt="My Image" /> Чтобы получить значение атрибута src этого изображения, можно использовать следующий JavaScript код:
const myImage = document.querySelector('img'); const srcValue = myImage.src; console.log(srcValue); // Выведет "http://example.com/my-image.jpg" В данном примере мы используем метод document.querySelector() для получения ссылки на элемент img . Затем мы используем свойство src этого элемента для получения значения атрибута src .