2013-08-20 34 views
0

我想通過使用多文件輸入選擇的文件動態地生成帶有單個文件輸入的表單。使用javascript在多個文件輸入的變化上製作多種形式的單文件輸入

我有這樣的事情:

 <form action="upload.php" method="post" enctype="multipart/form-data"> 
      <input id="selector" type="file" name="files[]" multiple> 
     </form> 

上$(「#選擇」)變化()我想要像所選文件下面和準內部輸入形式:

 <form action="upload.php" method="post" enctype="multipart/form-data"> 
      <input id="selector" type="file" name="file"> 
     </form> 

這可能嗎?

回答

0

,如果我理解正確的,只是將其封裝在一個div,然後更改該ID的HTML內容,換句話說: HTML:

<div id='myForm' > 
<form action="upload.php" method="post" enctype="multipart/form-data"> 
    <input id="selector" type="file" name="files[]" multiple> 
</form> 
</div> 

那麼你可以做:

$('#selector').change(function(){$('#myForm').html('<form action="upload.php" method="post" enctype="multipart/form-data"> <input id="selector" type="file" name="file </form>')}); 
+0

不,我認爲你想念我。我想要在多個單個輸入文件之間分配多個選定的文件,以便我可以單獨提交它們 –

+0

對於我的錯誤理解感到抱歉,但是如果我這次正確得到它,您想要實現類似於jQuery文件上傳的功能,您可以檢查它來自[這裏] :(http://blueimp.github.io/jQuery-File-Upload/),如果你只是不想使用它,我必須通知多個單個文件上傳少了很多比單一的多上傳表單更有效率,這就是爲什麼主瀏覽器添加了多選功能,無論如何,如果你仍然想這樣做,我現在唯一能想到的就是對文件進行註冊,並追加再次在同一地區成立。 –

相關問題