不接受在 "index" 函数之外定义的表单 (Web2py)

Form defined outside "index" function is not accepted (Web2py)

我正在尝试创建一个使用 Ajax 将图片提交到数据库的表单。 表单在函数“new_pic”中定义,提交图片时既不接受也不返回错误。 单击提交按钮后,将返回“请填写表格”的快速消息。 请告诉我做错了什么?

db.py:

db.define_table('input_images', \
Field('action_id', type='string', unique=False, compute=lambda r: action_id ),\
Field('picture', 'upload', uploadfield='picture_file')),\
Field('picture_file', 'blob'),\
primarykey=['action_id']\
)

default.py:

import uuid
action_id = str(uuid.uuid4())
def index:
    return dict()

def new_pic():
    form = SQLFORM(db.input_images, buttons=[])
    if form.process(session=None, formname='test').accepted:
        response.flash = 'form accepted'
    elif form.errors:
        response.flash = 'form has errors'
    else:
        response.flash = 'please fill the form' 
    return dict(form=form)

index.html:

<div class="inner">
    <form id="myform" action="#" enctype="multipart/form-data" method="post">
        {{=LABEL('Upload picture', _for='picture', _class='button-25')}}
        {{=INPUT(_id='picture', _name='picture', _type='file')}}
        <div id="sbmt_picture">
            {{=INPUT(_id='submit_btn', _name='submit_btn', _type='submit', _class='button-25')}}
        </div>
        <input type="hidden" name="_formname" value="test" />
    </form>
</div>
<script>
    jQuery('#myform').submit(function() {
        ajax('{{=URL('new_pic')}}', ['picture'], 'trgt');
        return false;
    });
</script>
<div id="trgt"></div>

问题出在 JS 中。我刚刚在这里找到了另一种元素:

对我有用:

<script>
    jQuery(document).on("submit", "form", function(event)
    {
        event.preventDefault();
        jQuery.ajax({
            url: "{{=URL('new_pic')}}",
            type: jQuery(this).attr("method"),
            dataType: "JSON",
            data: new FormData(this),
            processData: false,
            contentType: false,
            success: function (data, status)
            {
            },
            error: function (xhr, desc, err)
            {
            }
        });
    });
</script>