如何在asp.net c＃上載之前預覽多個縮略圖圖像

Question

在這只有一個圖像顯示。 我想預覽多個圖像。

我試試這段代碼

<script src="//code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    function ShowImagePreview(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#<%=img.ClientID%>').prop('src', e.target.result)
                    .width(240)
                    .height(150);
            };
            reader.readAsDataURL(input.files[0]);
        }
    }
</script>

Answer 1

Nitika這是工作

<input type="file" name="imageUploader" value="" id="imageUploader" multiple="">
<div id="imgViewer"></div>
<script type="text/javascript">
    function readURL(input) {
        if (input.files && input.files.length > 0) {
            for (var i = 0 ; i < input.files.length; i++) {
                var reader = new FileReader();
                $('#imgViewer').empty();
                reader.onload = function (e) {
                    $('#imgViewer').attr('src', e.target.result);
                    $('#imgViewer').append($('<img>', { src: e.target.result, width: '50px', height: '50' }));
                }
                reader.readAsDataURL(input.files[i]);
            }
        }
    }
    $("#imageUploader").change(function () {
        readURL(this);
    });
</script>