複数のファイル入力フィールドを1つの入力ファイルに追加する方法

Question

私のシステムでは複数のファイル入力が許可されていません。私はAJAXを使用していません。

私の状況では、1つの入力ファイル "multiple"から画像を追加し、それらを数多くの隠しファイル入力にマップしたいとします。それは可能ですか？このリンクで

https://github.com/blueimp/jQuery-File-Upload/wiki/Options HTML

<form method="post" action="path"> 
    <input type="file" name="temp" id="temp" multiple> 
    <input type="file" name="images" id="images" style="display: none"> 
    <input type="file" name="images2" id="images2" style="display: none"> 
    <input type="file" name="images3" id="images3" style="display: none"> 
    <input type="file" name="images4" id="images4" style="display: none"> 
    <input type="file" name="images5" id="images5" style="display: none"> 
</form> 

Javascriptを

jQuery(document).ready(function($){ 
    $('#form').fileupload({ 
     paramName: ["images", "images2", "images3", "images4", "images5"], 
     fileInput: $('#form input#temp'), 
     replaceFileInput: false, 
     change: function (e, data) { 
         $.each(data.files, function (index, file) { 
          console.log('Selected file: ' + file.name); 
         }); 
        } 
    }) 
}) 

私は、一時ファイルの入力に "FileInputクラス" パラメータを設定しようとしたと私は配列に "paramNameにする" に設定他のファイル入力のうち、動作していないものは、その目的のために使用されていないようです。

できますか？

Answer 1

あなたはそれぞれのdiv画像

function readURL(input) { 
    if (input.files && input.files[0]) { 
     var reader = new FileReader(); 

     reader.onload = function (e) { 
      $('#divId').attr('src', e.target.result); 
     } 

     reader.readAsDataURL(input.files[0]); 
    } 
} 

を交換し、replaced..obviously画像のあなたの量のコードにいくつかを微調整するために、各div要素IMGの代わりに、明確なイメージを持っているために、このようなものを使用することができます。実際のフィドルがあれば、私はそれを完全にコーディングしていたでしょう。