2014-04-21 72 views
0

我想通過包含文件輸入的ajax提交表單。這將使用XMLHttpRequest或iframe回退。最好,我會使用插件來實現這一點,但是,據我所見,幾乎所有的插件都不使用現有的表單,而是創建自己的表單,並且需要額外的手機區域。我的表單是由一個框架創建的,並且它已經可以工作,例如包括CSRF保護。所以我不想改變後端,也不想對插件中的字段和表單屬性進行硬編碼,我只想告訴它'這裏是表單,只是處理它。如果表單將改變(很可能在不久的將來),我希望提交工作而不改變任何內容。Ajax在不定義表單域的情況下提交多部分表單

是否有方法獲得現有插件,如Dropzone,Jquery文件上傳(或只是Iframe傳輸部分)以使用現有表單作爲基礎?或者是否有另一個插件可以做到這一點?

回答

-1

Dropzone與現有表單一起使用。

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

懸浮窗會自動查找表(與dropzone類)和初始化一個新的懸浮窗。

從DOC:

就是這樣。 Dropzone會查找所有帶有類 dropzone的表單元素,自動附加到它,並將上傳文件的 上載到指定的操作屬性中。

下面是一個例子,我最近寫的:

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

+0

遺憾的是它不使用現有的文件輸入字段 - 你需要用PARAMNAME選項來配置它,並隱藏默認的文件輸入。也許這仍然是要走的路,但是... – Inca

+0

爲什麼你必須使用現有的文件輸入? – wong2

+0

因爲它已經存在並且由框架生成和驗證。 – Inca

相關問題