javascript - मैं जावास्क्रिप्ट के साथ एक छवि पर क्लिक करके img.src कैसे लौटा सकता हूं?




onclick imagesource (3)

मैं जावास्क्रिप्ट के साथ एक फ़ंक्शन बनाने की कोशिश कर रहा हूं जहां एक उपयोगकर्ता एक छवि पर क्लिक करने पर एक URL के रूप में छवियों को पुनः प्राप्त कर सकता है। मैं जावास्क्रिप्ट के लिए बहुत नया हूँ और मेरे प्रयास अब तक किसी छवि के "ऑनक्लिक" द्वारा सक्रिय फ़ंक्शन बनाने में हैं:

var showsrc = function(imageurl)
var img = new Image();
img.src = imageurl
return img.src

परिणामों को कॉल करने के लिए मैं अपने html में image.src को सम्मिलित करने का प्रयास कर रहा हूं

document.getElementById("x").innerHTML=imageurl; 

Im बहुत कम सफलता है किसी भी तरह की सहायता का स्वागत किया जाएगा। धन्यवाद।


छवि टैग के पास 'आंतरिक एचटीएमएल' नहीं है, क्योंकि वे सिंगलटन टैग हैं - उनके पास कोई भी बच्चा नहीं हो सकता है यदि आपका x आईडी खुद छवि टैग है, तो:

 alert(document.getElementById('x').src);

छवि का स्रोत बाहर थूकना होगा


मुझे लगता है कि आप ऐसा कुछ चाहते हैं: http://jsfiddle.net/dLAkL/

यहां कोड देखें:

HTML:

<div id="urldiv">KEINE URL</div>
<div>
    <img src="http://www.scstattegg.at/images/netz-auge.jpg" onclick="picurl(this);">
    <img src="http://www.pictokon.net/bilder/2007-06-g/sonnenhut-bestimmung-pflege-bilder.jpg.jpg" onclick="picurl(this);">
</div>

JAVASCRIPT

picurl = function(imgtag) {
    document.getElementById("urldiv").innerHTML = imgtag.getAttribute("src");
}​

यहां सिर्फ जावास्क्रिप्ट के साथ एक भोले समाधान है (शायद क्रॉस-ब्राउज़र संगत नहीं):

<!doctype html>
<html>
  <head>
    <script>
      function init() {
        var images = document.getElementsByTagName('img');

        for(var i = 0, len = images.length; i < len; i++) {
          images[i].addEventListener('click', showImageSrc);
        }
      }

      function showImageSrc(e) {
        alert(e.target.src);
      }
    </script>
  </head>
  <body onload="init()">
    <img src="http://placekitten.com/300/300">
  </body>
</html>





imagesource