How to display/generate PDF pages as thumbnails?

<div style="width:100%; height:760px;">
    <div style="left:2px;">
        <div id="thumbnailpane" style="overflow:scroll; width:15%;height:640px">
        </div>
    </div>
    <div style="left:20%; position: absolute; width:80%; top:50px; height:780px">
        <div class="content-container-fluid">
            <div class="row">
                <div class="cols-sample-area">
                    <div class="control">
                        <div id="container"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

   $.ajax({
        url: '../api/PdfViewer/ExportAsImage',
        type: 'POST',
        dataType: 'json',
        crossDomain: true,
        traditional: true,
        contentType: 'application/json; charset=utf-8',
        data: '',
        success: function (data) {
            thumbnail(data);
            //Initializes PDF viewer
            $('#container').ejPdfViewer({ serviceUrl: '../api/PdfViewer', documentLoad: 'onDocumentLoad' })
        },
        error: function (msg, textStatus, errorThrown) {
            alert('Exception' + msg.responseText);
        }
    });    
 

public object ExportAsImage()
        {
            PdfLoadedDocument loadedDocument = new PdfLoadedDocument(HttpContext.Current.Server.MapPath("~/Data/HTTP Succinctly.pdf"));
            //Exports the loaded  PDF document to as images
            Bitmap[] extportedImages = loadedDocument.ExportAsImage(0, loadedDocument.Pages.Count - 1);
            string outputPath = HttpContext.Current.Server.MapPath("~/Images/");
            for (int i = 0; i < extportedImages.Length; i++)
            {
                extportedImages [i].Save(outputPath + "\\Image" + (i + 1) + ".png");
            }
            string output = (loadedDocument.Pages.Count).ToString();
            return output;
        }

function thumbnail(totalpage) {
        //Place the exported images in thumbnail pane
        var thumbdiv = document.getElementById("thumbnailpane");
        for (var i = 1; i <= totalpage; i++) {
            var thumbimg = document.createElement('div');
            thumbimg.className = 'thumbnail';
            var img = document.createElement('img');
            img.src = '../images/image' + i + '.png';
            thumbimg.onclick = function (e) {
                var pagenum = e.currentTarget.id;
                gotopage(pagenum);
            };
            thumbimg.id = i;
            thumbimg.appendChild(img);
            thumbdiv.appendChild(thumbimg);
        }
    }
 

  
    function gotopage(pagenum) {
        var pdfviewerObject = $('#container').data('ejPdfViewer');
        //Navigates to given page number
        pdfviewerObject.goToPage(pagenum);
    }