How to provide a Preview For Multiple images selected in fileuplaod Using Jquery?
<p>Hi all i have an fileuplaod where user can select multiple images nad i want to show the preview for those selected images before upload...at present i manged it for the single image preview how can i provide preview for the multiple images selected </p>

<pre><code>  function readURL(input) {
    var img = $(input).closest('div').find('img').first();
    var imgid=$(img).attr('id');
    if (input.files &amp;&amp; input.files[0]) {
        alert(input.files);
        alert(input.files[0]);
        var reader = new FileReader();

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

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

 &lt;input type="file"  accept="gif|jpg|jpeg|png" name="files[]" multiple onchange="readURL(this);" /&gt;

                    &lt;img src="http://placehold.it/140x140" class="img-rounded" id="thumbnailimage"&gt;
</code></pre>

<p>can any one help here please...</p>
