点击图片获取图片地址

Posted 2023-02-22

【中文标题】点击图片获取图片地址

【英文标题】：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"] ......

【参考方案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！