Resize Image Base64

helper function ใช้สำหรับเปลี่ยนขนาดรูปภาพ base64

Source Code

JS
Copy
export const resizeImageBase64 = async (
  image,
  maxImageWidth = 1200,
  maxImageHeight = 1200
) => {
  if (isBase64(image)) {
    let img = new Promise(async function (resolve, reject) {
      let img = document.createElement("img");
      img.onload = function () {
        let iw = img.width;
        let ih = img.height;
        let canvas = document.createElement("canvas");
        let ctx = canvas.getContext("2d");

        let scale = Math.min(1, maxImageWidth / iw, maxImageHeight / ih);
        let iwScaled = iw * scale;
        let ihScaled = ih * scale;

        canvas.width = iwScaled;
        canvas.height = ihScaled;

        ctx.drawImage(img, 0, 0, iwScaled, ihScaled);

        resolve(canvas.toDataURL("image/png", 100));
      };
      img.src = image;
    });
    return img;
  }
};

Usage

JS
Copy
const resized = await resizeImageBase64(fileBase64, maxSize, maxSize);

Properties

Property

Description

Type

Default

image

ไฟล์รูปในรูปแบบ base64

string

maxImageWidth

ขนาดความกว้างที่สุดของรูป

number

1200

maxImageHeight

ขนาดความสูงที่สุดของรูป

number

1200

Requirements

isBase64

ยักซ่า (Yakxar)
สร้างสรรค์และแบ่งปันสื่อดิจิทัลง่ายๆ ที่นี่
© 2025 ยักซ่า (Yakxar)