javascript - 当用户单击图像时传递图像名称或图像 id 属性

Question

我的要求是当用户单击图像时将图像名称传递给store.php。

根据图像名称，我将查询数据库并显示结果

但我不知道当用户单击它时如何传递图像名称。请指教。

代码如下:

<form action="store.php" method="post">
<div class="col-md-2 about-left">
                    <figure class="effect-bubba">
                        <img class="img-responsive" src="images/flip.jpg" id="flipkart" name="flipkart" alt=""/>
                        <figcaption>
                            <h2>FLIPKART</h2>
                        </figcaption>           
                    </figure>
                </div>
</form>

Answer 1

试试这个代码:-

function get_image_name(){
var src = $('img').attr('src').split('/');
var image_name = src[src.length - 1];
alert(image_name);
}

在图像上调用此函数onclick:-

<img class="img-responsive" src="images/flip.jpg" id="flipkart" 
name="flipkart" alt="" onclick="get_image_name()"/>

如果没有 javascript，请尝试这种方法:-

<input type="hidden" name="image_name"  value="images/flip.jpg" />

在表单中插入隐藏输入，设置值与图像的src相同

$_POST['image_name'] //get image name