如何检测使用 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)