Homework Help is Here – Start Your Trial Now!
Engineering
Computer Science
I need help explaining each and every line of the code functionality ========================================================== export const convertBase64 = (file) => {     return new Promise((resolve, reject) => {       const fileReader = new FileReader();       fileReader.readAsDataURL(file);       fileReader.onload = () => {         resolve(fileReader.result);       };       fileReader.onerror = (error) => {         reject(error);       };     });   };   export const resizeImage = (base64Str, maxWidth = 500, maxHeight = 500) => {     return new Promise((resolve) => {       let img = new Image();       img.src = base64Str;       img.onload = () => {         let canvas = document.createElement("canvas");         const MAX_WIDTH = maxWidth;         const MAX_HEIGHT = maxHeight;         let width = img.width;         let height = img.height;           if (width > height) {           if (width > MAX_WIDTH) {             height *= MAX_WIDTH / width;             width = MAX_WIDTH;           }         } else {           if (height > MAX_HEIGHT) {             width *= MAX_HEIGHT / height;             height = MAX_HEIGHT;           }         }         canvas.width = width;         canvas.height = height;         let ctx = canvas.getContext("2d");         ctx.drawImage(img, 0, 0, width, height);         resolve(canvas.toDataURL());       };     });   };

I need help explaining each and every line of the code functionality ========================================================== export const convertBase64 = (file) => {     return new Promise((resolve, reject) => {       const fileReader = new FileReader();       fileReader.readAsDataURL(file);       fileReader.onload = () => {         resolve(fileReader.result);       };       fileReader.onerror = (error) => {         reject(error);       };     });   };   export const resizeImage = (base64Str, maxWidth = 500, maxHeight = 500) => {     return new Promise((resolve) => {       let img = new Image();       img.src = base64Str;       img.onload = () => {         let canvas = document.createElement("canvas");         const MAX_WIDTH = maxWidth;         const MAX_HEIGHT = maxHeight;         let width = img.width;         let height = img.height;           if (width > height) {           if (width > MAX_WIDTH) {             height *= MAX_WIDTH / width;             width = MAX_WIDTH;           }         } else {           if (height > MAX_HEIGHT) {             width *= MAX_HEIGHT / height;             height = MAX_HEIGHT;           }         }         canvas.width = width;         canvas.height = height;         let ctx = canvas.getContext("2d");         ctx.drawImage(img, 0, 0, width, height);         resolve(canvas.toDataURL());       };     });   };

Database System Concepts
Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
See similar textbooks
icon
Related questions
Topic Video
Question

I need help explaining each and every line of the code functionality

==========================================================

export const convertBase64 = (file) => {
    return new Promise((resolve, reject) => {
      const fileReader = new FileReader();
      fileReader.readAsDataURL(file);
      fileReader.onload = () => {
        resolve(fileReader.result);
      };
      fileReader.onerror = (error) => {
        reject(error);
      };
    });
  };

  export const resizeImage = (base64Str, maxWidth = 500, maxHeight = 500) => {
    return new Promise((resolve) => {
      let img = new Image();
      img.src = base64Str;
      img.onload = () => {
        let canvas = document.createElement("canvas");
        const MAX_WIDTH = maxWidth;
        const MAX_HEIGHT = maxHeight;
        let width = img.width;
        let height = img.height;
 
        if (width > height) {
          if (width > MAX_WIDTH) {
            height *= MAX_WIDTH / width;
            width = MAX_WIDTH;
          }
        } else {
          if (height > MAX_HEIGHT) {
            width *= MAX_HEIGHT / height;
            height = MAX_HEIGHT;
          }
        }
        canvas.width = width;
        canvas.height = height;
        let ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0, width, height);
        resolve(canvas.toDataURL());
      };
    });
  };
Expert Solution
steps

Step by step

Solved in 3 steps

SEE SOLUTIONCheck out a sample Q&A here
Blurred answer
Knowledge Booster
Instruction Format
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education
SEE MORE TEXTBOOKS