Wie zeigt in einer HTML -Seite die erste Seite eines PDF -Dokuments als Symbol an? ⇐ HTML

[Anonymous]

Ich habe den folgenden Code verwendet, um eine Liste von PDF -Dateien auf einer HTML -Seite anzuzeigen. Ich möchte die erste Seite jeder PDF -Datei als Bildsymbol für sie anzeigen. Ich benutze ab sofort keine Server. Bitte führen Sie mich dazu.
Code geht hier: < /p>







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

&nbsp;&nbsp;

&nbsp;&nbsp;

&nbsp;&nbsp;


< /code>

p.s. : Ich habe hier eine Bildwrap -Klasse hinzugefügt, da ich jedem PDF -Symbol -Bild nicht in der Lage war, das Symbol zu entfernen.>