2014-09-03 89 views
0

在我的頁面上,我有一個上傳csv文件的表單。我有一個表單創建一個保存的搜索。我有一個表單導入保存的搜索。而無論是在創建一個保存的搜索和導入保存的搜索表單的形式,我需要發送實際的文件上傳自己在POST請求:關聯表單控件與多個表單在頁面上

<form action="upload_file"> 
    <input id="file" name="file" type="file"> 
</form> 

<form action="create_search"> 
</form> 

<form action="import_search"> 
</form> 

所以存儲在輸入字段中指定文件需要以create_search表單和import_search表單以及upload_file表單發送,所有這些都是發佈請求。

它是有效的做這樣的事情:

<input id="file" name="file" type="file" form="create_search import_search"> 

還是有更好的選擇?

回答

0

我的理解是你的表格將被逐一發送,當用戶點擊某種提交按鈕時。如果你想在所有的形式上傳同一文件必須使用類似複製在所有三種形式的文件輸入選項:

$("#form2").append($("#file").clone()) 

需要注意的是,你將不得不修改輸入的ID在爲了使標記有效。另請注意,這可能不適用於所有瀏覽器,因爲克隆輸入可能被認爲是「編輯它」,並且根據安全規範,您不應該能夠編輯文件輸入的值。

P.S.你不能按照你想要的方式去做。

+0

所以JavaScript需要這個? html5無法做到這一點嗎? – Donato 2014-09-03 23:31:36

+1

是的你需要JavaScript。不,沒有辦法將文件提交到標準html 5中的多個表單。 – Slavic 2014-09-03 23:33:09

+0

應該將它標記爲display:hidden,因爲我不希望用戶必須再次上傳文件。 – Donato 2014-09-03 23:58:05

相關問題