如何检测使用 webapp2 单击了哪个图像按钮输入类型=图像？

问题描述

如何确定在 Google App Engine (GAE) 下运行的 Python 脚本中，点击了网页上的哪个 input type=image（图像按钮）（使用 webapp2 处理程序）？

我有一个包含两个（目前会更多）图像按钮的网络表单，我需要知道点击了哪个按钮。我看过一个关于使用按钮的 id 属性的答案。但它没有使用 Python / webapp2 所以我不确定如何应用它，而且我可能无法正确理解它。

我尝试了很多东西都没有效果，这就是我的起点

imgid = handler.request.id

在 POST 处理程序中，但这会导致属性错误。

在图像按钮和 webapp2 请求上搜索各种信息资源，我发现很少有关于从图像按钮将信息返回到服务器的信息，除了图像中指针被点击的坐标。我确实发现与其他按钮不同，value 属性不用于图像按钮；并且在不同的环境（ASP.NET，而不是 Python/webapp2）中有一篇文章说使用 id 属性，但这在 Python 中不起作用。

（使用 value 属性的其他输入按钮类型没有使用相同的方法，这似乎很奇怪。）

这是尝试获取 ID 的 POST 处理程序的代码：

class image_button_set(webapp2.RequestHandler):
    def sails_spin_set(handler,SLurl):
        imgid = handler.request.id

    

这是表单的 HTML 内容

<form action="/image_button_set" method="post">
    <input name="parm1" id="Button1" type="image" src="/images/spin-glasses3.jpg" height="256" width="256">
    <input name="parm1" id="Button2" type="image" src="/images/spin-spiral3.jpg" height="256" width="256">
    <input name = "parm1" value="Cancel" style="font-size: 16pt; color: DarkRed; font-weight: bold;" type="submit">
</form>

以下是代码如何查找其他类型的按钮，例如收音机，（省略无关的日志代码等）：

class image_button_set(webapp2.RequestHandler):
    def sails_spin_set(handler,SLurl):
       image = self.request.get("image")

HTML 中的按钮定义是

<input name="image" value="image1" type="radio">Image1
<input name="image" value="image2" type="radio">Image2

解决方法

我通过在 formaction 上使用 imagebutton 属性解决了这个问题。

<form action="/sails_spin_set?img=dummy" method="post">
  <input type="image" name="spin" formaction="/imgbtn_set?img=spin1" src="/images/spin-glasses3.jpg" style="font-size: 12pt; color: Navy; font-weight: bold;" height="256" width="256">
  <input type="image" name="spin" formaction="/imgbtn_set?img=spin2" src="/images/spin-spiral3.jpg" style="font-size: 12pt; color: Navy; font-weight: bold;" height="256" width="256"><br>
  <br>
  <input name="act" value="Cancel" style="font-size: 16pt; color: DarkRed; font-weight: bold;" type="submit">
</form>

然后按照通常的方式处理URL， 主脚本中的路由：

app = webapp2.WSGIApplication(
                              [('/',MainPage),('/imgbtn_show',image_button_show),('/imgbtn_set',image_button_set)])
                                  

以及用于此的 POST 处理程序：

class image_button_set(webapp2.RequestHandler):
    def post(self):
        imageid = self.request.get("img")  # from the selected imagebutton
        handler.response.write("image selected: "+imageid)