我想通过包含文件输入的ajax提交表单。这将使用XMLHttpRequest或iframe回退。优选地,我会使用插件来实现这一点,但是,据我所知,几乎所有插件都不使用现有的表单而是创建自己的表单,并且需要额外的字段才能成为手机。我的表单由框架创建,它已经可以运行,例如包括CSRF保护。所以我不想改变后端,也不想硬编码插件中的字段和表单属性,我只是想告诉它'这是表单,只需处理它。如果表单会发生变化(很可能在不久的将来),我希望提交能够在不改变任何内容的情况下发挥作用。
有没有办法让现有的插件如Dropzone,Jquery File Upload(或只是Iframe Transport部分)以现有表格为基础?或者是否有另一个插件正是这样做的?
答案 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