هناك خياران: أحدهما رابط مباشر، حيث يتم التعامل مع ملف pdf كملف img، على غرار <a href=""/>، ويتم الارتباط على النحو التالي:
انسخ رمز الكود كما يلي:
<frame src="عنوان ملف pdf"></frame>
طريقة أخرى: استخدم المكون الإضافي js.
هناك العديد من المكونات الإضافية لـ js لقراءة ملفات PDF، مثل: pdf.js: هو نموذج أولي تقني يستخدم بشكل أساسي لعرض مستندات PDF على منصة HTML5 دون أي دعم فني محلي. jsPDF: هي مكتبة مفتوحة المصدر تستخدم لغة Javascript لإنشاء ملف PDF (لم يتم دعم IE بعد)؛
مكون إضافي بسيط وسهل الاستخدام نسبيًا لـ js: PDFObject.js، وهي مكتبة JavaScript تُستخدم لتضمين مستندات PDF ديناميكيًا في HTML.
التأثير هو كما يلي:
تمت ترقية PDFObject.js إلى الإصدار 1.2 ويمكنه دعم IE9.
PDFObject.js الغرض: في بعض الأحيان تحتاج إلى القليل من JavaScript، وعندما تفعل ذلك، جرّب PDFObject.
دعونا نلقي نظرة على عدد قليل جدًا من رموز js:
انسخ رمز الكود كما يلي:
<نوع البرنامج النصي = "نص/جافا سكريبت">
نافذة.onload = وظيفة (){
فار النجاح = new PDFObject({ url: "sample.pdf" }).embed();
};
</script>
حسنا، هذا كل شيء. فقط اكتب العنوان بشكل صحيح.
ماذا لو قمت بتحميل ملف pdf في div؟ بالنظر إلى الموقع الرسمي، وجدت أن طريقة التضمين () يمكن أن تحتوي على معلمات. لا توجد معلمات تشير إلى النص، وتشير المعلمات إلى موضع معين.
انسخ رمز الكود كما يلي:
<نوع البرنامج النصي = "نص/جافا سكريبت">
نافذة.onload = وظيفة (){
var Success = new PDFObject({ url: "sample.pdf" }).embed("معرف div");
};
</script>
بالطبع، يمكنك أيضًا تعيين المزيد من المعلمات، مثل عدد الثواني التي تريد معاينتها، باستخدام CSS، وبدون CSS، وما إلى ذلك.