js图片压缩后上传

// 假设你已经选择了一个文件 input 元素
const input = document.querySelector('input[type="file"]');

input.addEventListener('change', async (event) => {
  const file = event.target.files[0];
  if (!file) return;

  // 使用 compressor.js 进行图片压缩
  const compressedFile = await Compressor(file, {
    quality: 0.6, // 压缩质量，范围0-1
    maxWidth: 800, // 最大宽度
    maxHeight: 600, // 最大高度
  });

  // 创建 FormData 并添加压缩后的文件
  const formData = new FormData();
  formData.append('file', compressedFile, file.name);

  // 使用 Fetch API 上传文件
  const response = await fetch('/upload', {
    method: 'POST',
    body: formData,
  });

  if (response.ok) {
    console.log('上传成功');
  } else {
    console.error('上传失败');
  }
});