【问题标题】:Get image URL when click on picture点击图片获取图片地址
【发布时间】:2015-09-06 02:38:43
【问题描述】:

我设计了一个弹出窗口来选择图像。这是 Index.php 中的代码

<input type="button" value ="Browse" onclick="browse_img()" />
<input type="text" id="img_url" name="img_url" value="selected img"/> 
<script type="text/javascript">
    function browse_img(){
        window.open("img_browse.php","windows2");
    }
</script>

这是 img_browse.php 中的代码

<img id="img_id_1" src="url/puc1.jpg" onclick="select_img()"/>    
<img id="img_id_2" src="url/puc2.jpg" onclick="select_img()"/>
<input type="text" id="img_url" name="img_url" value="selected img"/>
<scrip>
   function select_img(){
        var file_url=$(this).src; 
        alert(file_url);
        document.getElementById("img_id_2").value=file_url;
    }
</scrip>

警报器说“未定义”。帮我! 以及如何将 img_url 从 windows2 (img_browse.php) 传递给 index.php

【问题讨论】:

  • 你会用jQuery吗?如果是这样,$(this).attr('src') 应该可以工作。但这没有多大意义——你知道点击的是哪张图片——你不需要任何逻辑来确定它。
  • 为函数传递这个对象:onclick="select_img(this)" function select_img(obj) { var file_url = $(obj).attr["src"] ......

标签: javascript image url


【解决方案1】:

你可以这样做:

<img id="img_id_1" src="url/puc1.jpg" onclick="select_img(this.src)"/>    

还有 javascript:

function select_img(src) {
  alert(src);
  document.getElementById("img_id_2").value=src;
}

【讨论】:

  • 非常感谢 Zack Tanner!
猜你喜欢
  • 2020-04-14
  • 2010-09-06
  • 2012-05-09
  • 1970-01-01
  • 1970-01-01
  • 2018-03-22
  • 2016-10-11
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多