表单中的多个jqueryfileupload小部件

时间:2013-09-25 13:44:52

标签: javascript jquery jquery-file-upload blueimp

我尝试用JqueryFileUpload小部件替换经典输入文件。

这是我的背景:

  • 我可以以相同的形式输入一个或多个文件。

  • 表单用于创建服务器端对象(每个输入都是此对象的字段,每个文件都是链接到主创建对象的“资源”对象)。这些对象存储在数据库中。

  • 当最终用户提交表单时,我想:

    • 进行多次验证(针对其他输入)
    • 如果一切正常,则触发文件的ajax上传。服务器端处理程序创建 需要的资源对象。
    • 当所有上传完成后(我可以通过使用小部件回调知道),然后我提交主表单(动作表单不是小部件处理程序,而是一个执行作业并显示消息的页面)来创建主要对象:我不想在这里发送文件,而只发送处理程序发回给我的ressource对象id以将它们链接到主对象。

我的问题是,当我触发fileUpload时,提交表单并加载操作表单页面。不调用处理程序。

我使用一个简单的页面进行测试:如果窗口小部件不在表单中,它可以正常工作:

<body>
    <div>
        <!-- The file input field used as target for the file upload widget -->
        <input class="fileupload" type="file" name="files[]"/>
    </div>
</body>

但如果我把它放在表格中,表格总是提交,我无法阻止。

<body>
    <form action="myPage.aspx">
        <!-- The file input field used as target for the file upload widget -->
        <input class="fileupload" type="file" name="files[]"/>
    </form>
</body>

我的问题是:

  • url选项是否覆盖表单操作?

  • 我可以不为窗口小部件和包含它的表单使用不同的目标吗?

  • 我可以将多个小部件放在一个表单中吗?

1 个答案:

答案 0 :(得分:0)

好的只是为了获取信息,这是我身边的一个非常愚蠢的错误,我使用了一个默认行为是'提交',所以我的表单总是被提交。