如何在js public/uploads/image中获取质量为百分比的图片

function getCompressedImage(imageUrl, qualityPercentage) {
  return new Promise((resolve, reject) => {
    const image = new Image();
    image.src = imageUrl;
    image.onload = () => {
      const canvas = document.createElement('canvas');
      const context = canvas.getContext('2d');
      canvas.width = image.width;
      canvas.height = image.height;
      context.drawImage(image, 0, 0);

      canvas.toBlob((blob) => {
        resolve(blob);
      }, 'image/jpeg', qualityPercentage / 100);
    };
    image.onerror = (error) => {
      reject(error);
    };
  });
}

const imageUrl = 'public/uploads/image.jpg';
const qualityPercentage = 80;

getCompressedImage(imageUrl, qualityPercentage)
  .then((blob) => {
    // 在这里处理压缩后的图片文件
    // 例如，可以将其上传到服务器或保存到本地
    console.log(blob);
  })
  .catch((error) => {
    console.error(error);
  });