בצע אופטימיזציה של PDF ב-JavaScript

קובצי PDF הם פורמט בכל מקום לשיתוף מסמכים, אך הם יכולים לפעמים להיות מגושמים, מה שמוביל לזמני טעינה איטיים יותר ולדרישות אחסון מוגברות. אופטימיזציה של קובצי PDF חיונית כדי להבטיח חווית משתמש חלקה, במיוחד ביישומי אינטרנט. לכן, בפוסט זה בבלוג, נחקור כיצד לבצע אופטימיזציה של קובצי PDF באמצעות JavaScript.

ספריית JavaScript למיטוב PDF

עבור אופטימיזציה של PDF באפליקציית JavaScript, נשתמש ב-Aspose.PDF for JavaScript. זוהי ספרייה רבת עוצמה המאפשרת למפתחים לעבד, לתפעל ולבצע אופטימיזציה של קבצי PDF באמצעות JavaScript. אז בואו נתחיל על ידי התקנת הספרייה תחילה.

הורד את הספרייה ופעל לפי הוראות ההתקנה המופיעות כאן: כיצד להתקין Aspose.PDF עבור JavaScript.

בצע אופטימיזציה של PDF ב-JavaScript

לפני שצולל לתהליך אופטימיזציית PDF, בואו נבין מדוע חיוני לבצע אופטימיזציה של קובצי PDF:

  • זמני טעינה מהירים יותר: קובצי PDF מותאמים נטענים מהר יותר, ומשפרים את חווית המשתמש על ידי הפחתת זמני ההמתנה.
  • יעילות רוחב פס: גדלי קבצים קטנים יותר מביאים לצריכת רוחב פס מופחתת, מה שמקל על השיתוף וההורדה של קובצי PDF.
  • שטח אחסון: קובצי PDF מותאמים תופסים פחות מקום אחסון, וזה חשוב במיוחד כאשר עוסקים במספר רב של מסמכים.

כעת נכתוב את הסקריפט כדי לבצע אופטימיזציה של קובץ PDF בעקבות השלבים הבאים.

  • ראשית, בחר את קובץ ה-PDF שאתה צריך לבצע אופטימיזציה.
  • לאחר מכן, צור אובייקט FileReader כדי לקרוא את הקובץ.
  • לאחר מכן, קרא לפונקציה AsposePdfOptimize כדי לייעל את ה-PDF. הפרמטרים של פונקציה זו כוללים את שם קובץ ה-PDF שנוצר.
  • הפונקציה AsposePdfOptimize מחזירה אובייקט JSON ובאמצעות json.errorCode, אתה יכול לבדוק אם קובץ ה-PDF עבר אופטימיזציה בהצלחה או לא. אם קוד השגיאה הוא 0, ה-PDF עובר אופטימיזציה ללא בעיות. אחרת, אירעה שגיאה שתוכל לקרוא מ-json.errorText.
  • לבסוף, קרא לפונקציה DownloadFile כדי ליצור קישור לקובץ ה-PDF המותאם.

קטע הקוד הבא מראה כיצד לבצע אופטימיזציה של קובץ PDF ב-JavaScript.

var ffileOptimize = function (e) {
  const file_reader = new FileReader();
  file_reader.onload = (event) => {
    
    /*optimize a PDF-file and save the "ResultOptimize.pdf"*/
    const json = AsposePdfOptimize(event.target.result, e.target.files[0].name, "ResultOptimize.pdf");
    if (json.errorCode == 0) document.getElementById('output').textContent = json.fileNameResult;
    else document.getElementById('output').textContent = json.errorText;
    
    /*make a link to download the result file*/
    DownloadFile(json.fileNameResult, "application/pdf");
  };
  file_reader.readAsArrayBuffer(e.target.files[0]);
};

שימוש ב-Web Worker באופטימיזציה של PDF

בסעיף הקודם, פשוט טענו קובץ PDF, עשינו אופטימיזציה שלו והורדנו את ה-PDF שנוצר. כעת, בוא נשתמש ב-web worker כדי להפוך את תהליך האופטימיזציה לחלק יותר ולמנוע חסימת שרשור ממשק המשתמש. הסקריפט הבא מראה כיצד לכתוב עובד אינטרנט המשתמש בפונקציית האופטימיזציה של PDF, שכתבנו בסעיף הקודם.

/*Create Web Worker*/
const AsposePDFWebWorker = new Worker("AsposePDFforJS.js");
AsposePDFWebWorker.onerror = evt => console.log(`Error from Web Worker: ${evt.message}`);
AsposePDFWebWorker.onmessage = evt => document.getElementById('output').textContent = 
  (evt.data == 'ready') ? 'loaded!' :
    (evt.data.json.errorCode == 0) ?
      `Result:\n${DownloadFile(evt.data.json.fileNameResult, "application/pdf", evt.data.params[0])}` :
      `Error: ${evt.data.json.errorText}`;

/*Event handler*/
const ffileOptimize = e => {
  const file_reader = new FileReader();
  file_reader.onload = event => {
    
    /*Optimize a PDF-file and save the "ResultOptimize.pdf" - Ask Web Worker*/
    AsposePDFWebWorker.postMessage(
      { "operation": 'AsposePdfOptimize', "params": [event.target.result, e.target.files[0].name, "ResultOptimize.pdf"] },
      [event.target.result]
    );
  };
  file_reader.readAsArrayBuffer(e.target.files[0]);
};

/*Make a link to download the result file*/
const DownloadFile = (filename, mime, content) => {
    mime = mime || "application/octet-stream";
    var link = document.createElement("a"); 
    link.href = URL.createObjectURL(new Blob([content], {type: mime}));
    link.download = filename;
    link.innerHTML = "Click here to download the file " + filename;
    document.body.appendChild(link); 
    document.body.appendChild(document.createElement("br"));
    return filename;
  }

בצע אופטימיזציה של משאבי PDF ב-JavaScript

שיטה נוספת לאופטימיזציה של קבצי PDF היא על ידי הסרת המשאבים שאינם בשימוש וצירוף המשאבים המשותפים לאובייקט בודד. כדי לייעל את משאבי ה-PDF, Aspose.PDF מספק את פונקציית AsposePdfOptimizeResource. קטע הקוד הבא מדגים כיצד לבצע אופטימיזציה של משאבי PDF ב-JavaScript.

var ffilePdfOptimizeResource = function (e) {
  const file_reader = new FileReader();
  file_reader.onload = (event) => {
    
    /*Optimize resources a PDF-file and save the "ResultPdfOptimizeResource.pdf"*/
    const json = AsposePdfOptimizeResource(event.target.result, e.target.files[0].name, "ResultPdfOptimizeResource.pdf");
    if (json.errorCode == 0) document.getElementById('output').textContent = json.fileNameResult;
    else document.getElementById('output').textContent = json.errorText;
    
    /*Make a link to download the result file*/
    DownloadFile(json.fileNameResult, "application/pdf");
  };
  file_reader.readAsArrayBuffer(e.target.files[0]);
};

קבל ספריית PDF בחינם של JavaScript

קבל רישיון זמני בחינם והשתמש בספריית האופטימיזציה של JavaScript ל-PDF שלנו ללא כל הגבלה.

סיכום

אופטימיזציה של קובצי PDF היא חיונית כדי להבטיח ביצועים אופטימליים וחווית משתמש ביישומי אינטרנט. Aspose.PDF ל-JavaScript מספק קבוצה עוצמתית של כלים למיטוב מסמכי PDF ביעילות. בפוסט זה בבלוג, סיפקנו לך שיטה קלה ליישום לאופטימיזציה של קבצי PDF באמצעות JavaScript. על ידי שימוש בשיטת אופטימיזציית PDF זו, תוכל לשפר משמעותית את ניהול המסמכים הכולל ביישומי האינטרנט שלך.

גלה עוד על ספריית ה-JavaScript PDF שלנו ב-תיעוד. אם יש לך שאלות כלשהן, אנא שתף אותן איתנו דרך הפורום שלנו.

ראה גם