Ajax提交多部分表单而不定义表单字段

时间:2014-04-21 09:38:56

标签: jquery forms

我想通过包含文件输入的ajax提交表单。这将使用XMLHttpRequest或iframe回退。优选地,我会使用插件来实现这一点,但是,据我所知,几乎所有插件都不使用现有的表单而是创建自己的表单,并且需要额外的字段才能成为手机。我的表单由框架创建,它已经可以运行,例如包括CSRF保护。所以我不想改变后端,也不想硬编码插件中的字段和表单属性,我只是想告诉它'这是表单,只需处理它。如果表单会发生变化(很可能在不久的将来),我希望提交能够在不改变任何内容的情况下发挥作用。

有没有办法让现有的插件如Dropzone,Jquery File Upload(或只是Iframe Transport部分)以现有表格为基础?或者是否有另一个插件正是这样做的?

1 个答案:

答案 0 :(得分:-1)

Dropzone适用于现有表单。

<form action="/upload" class="dropzone" id="my-dropzone">
    <input type="hidden" name="csrf" value="xxx" />
</form>

Dropzone将自动查找表单(使用类dropzone)并初始化新的dropzone。

来自doc:

  

就是这样。 Dropzone将在课程中找到所有表单元素   dropzone,自动附加到它,并上传丢弃的文件   进入指定的动作属性。

以下是我最近写的一个例子:

https://github.com/wong2/doora/blob/master/templates/index.html#L66