Как на странице html отобразить первую страницу документа PDF в виде значка? ⇐ Html

[Anonymous]

Я использовал следующий код для отображения списка PDF-файлов на HTML-странице. Я хочу отображать первую страницу каждого PDF-файла в виде значка изображения. На данный момент я не использую никаких серверов. Пожалуйста, помогите мне в этом.
Код находится здесь:

Код: Выделить всё

Unit 3, ADS

.imagewrap {
display: inline-block;
position: relative;
}

.btn {
position: absolute;
top: 0;
right: 0;
}










$(document).ready(function(){
$('a.btn').on('click',function(e){
e.preventDefault();
pdfID = $(this).closest('.imagewrap')[0].id;
$('#dialog').dialog('open');
alert('Deleting '+pdfID+'');
$(this).closest('.imagewrap')
.fadeTo(300,0,function(){
$(this)
.animate({width:0},200,function(){
$(this)
.remove();
});
});
});
});





PDF Files

[url=something1.pdf][i][/url]  [url=#][/i][/url]

[url=something2.pdf][i][/url]  [url=#][/i][/url]

[url=something3.pdf][i][/url]  [url=#][/i][/url]

P.S. : Я добавил класс imagewrap в каждый элемент div, потому что в противном случае я не смог бы добавить значок удаления к каждому изображению значка в формате PDF.

Буду очень признателен за любую помощь.
Заранее спасибо

Подробнее здесь: https://stackoverflow.com/questions/178 ... s-the-icon