js 上传file图片，压缩图片，导出file img.onload未执行

如果您上传的图片太大，可能会导致 `img.onload` 事件无法及时触发。这种情况下，您可以使用 `FileReader` API 将图像转换为数据 URL，然后使用 canvas 将其压缩为所需大小。以下是一个示例代码：

function compressImage(file, maxWidth, maxHeight) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function() {
      const img = new Image();
      img.src = reader.result;
      img.onload = function() {
        const canvas = document.createElement('canvas');
        let width = img.width;
        let height = img.height;
        if (width > maxWidth) {
          height *= maxWidth / width;
          width = maxWidth;
        }
        if (height > maxHeight) {
          width *= maxHeight / height;
          height = maxHeight;
        }
        canvas.width = width;
        canvas.height = height;
        const ctx = canvas.getContext('2d');
        ctx.drawImage(img, 0, 0, width, height);
        canvas.toBlob(blob => {
          resolve(new File([blob], file.name, { type: file.type }));
        }, file.type, 0.7);
      };
    };
    reader.onerror = reject;
  });
}

这个函数接受一个文件对象、最大宽度和最大高度，并返回一个 Promise，该 Promise 将解析为经过压缩的文件对象。您可以在上传文件之前调用此函数，然后将返回的文件对象上传到服务器。