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>

Answer 2

あなたはこれを試すことができます

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