javascript - 如何使用图像作为提交按钮，将其自身提交到服务器？

Question

<form name="myform" action="app.py">
<div class="box">

<input type="image" id="image" src="http://mychickencoopplans.files.wordpress.com/2010/12/happy-chicken.jpg" >

</div>
</form>

我正在尝试创建一张图片，单击时会将其 src 发送到服务器(app.py)？我如何使用 HTML/javascript 来完成这个任务？谢谢。

Answer 1

尝试:

    <form name="myform" action="app.py">
        <input type="hidden" value="" id="hidSrc">
        <div class="box">
            <input type="image" id="image" onclick="document.getElementById('hidSrc').value = this.src;document.myform.submit();" src="http://mychickencoopplans.files.wordpress.com/2010/12/happy-chicken.jpg" >
        </div>
    </form>