js截取图片格式

function readFileAsDataURL(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = (event) => {
      resolve(event.target.result);
    };
    reader.onerror = (error) => {
      reject(error);
    };
    reader.readAsDataURL(file);
  });
}

// 使用示例
const input = document.querySelector('input[type="file"]');
input.addEventListener('change', async (event) => {
  const file = event.target.files[0];
  try {
    const dataURL = await readFileAsDataURL(file);
    console.log(dataURL); // 这就是一个Base64编码的图片数据
  } catch (error) {
    console.error('读取文件失败', error);
  }
});

function canvasToImage(canvas, type = 'image/png', quality = 1.0) {
  return canvas.toDataURL(type, quality);
}

// 使用示例
const canvas = document.getElementById('myCanvas');
const image = new Image();
image.src = canvasToImage(canvas, 'image/jpeg', 0.9); // 导出为JPEG格式，质量为90%
document.body.appendChild(image);