プレビューアップロードされた写真（動的入力用）

Question

画像は写真を選択するボタンとして表示されます。画像が選択されると、選択された画像が見られ、新たな画像ボタンが生成される。私はIDを使って1つのパラメータだけこれにすることができます。複数のファイルでどうすればいいですか？ここで

document.getElementById('imgInp').onclick = function() { 
    document.getElementById('fileinpt').click(); 
}; 

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

     reader.onload = function (e) { 
      $('#imgInp').attr('src', e.target.result); 
      $('.imgpc').after('<div class="col-sm-4 col-xs-6 imgpc"><div class="imagepreview"><span></span><img id="imgInp" src="images/add-photo.png" alt="Add more photo" /><input type="file" id="fileinpt" class="hidden"></div></div>'); 
     } 

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

$("#fileinpt").change(function(){ 
    readURL(this); 
}); 

DEMO

Answer 1

がhttp://stackoverflow.com/questionsの同じ

https://jsfiddle.net/jshp6zst/3/