前端调整大小后，文件崩溃。

在前端调整图像的大小时，可能会出现图像崩溃的问题。这可能是因为图像压缩以后失去了一些数据。为解决这个问题，在前端调整图像大小后，需要将压缩后的图像上传到服务器，再进行保存。这样可以确保图像的质量不会因为压缩而降低。

以下是使用JavaScript实现此解决方案的示例代码：

const img = new Image();
img.src = URL.createObjectURL(file);
img.onload = function() {
  const canvas = document.createElement('canvas');
  const ctx = canvas.getContext('2d');

  const maxSize = 800; // 设置最大宽度
  let width = img.width;
  let height = img.height;

  if (width > height) {
    if (width > maxSize) {
      height *= maxSize / width;
      width = maxSize;
    }
  } else {
    if (height > maxSize) {
      width *= maxSize / height;
      height = maxSize;
    }
  }

  canvas.width = width;
  canvas.height = height;

  ctx.drawImage(img, 0, 0, width, height);

  canvas.toBlob(function(blob) {
    // 在此处上传 blob 到服务器
  }, 'image/jpeg', 0.85);
};

以上代码执行以下步骤：

1. 创建Image对象，加载指定文件；
2. 图像加载完成后，创建一个canvas并获取绘图上下文；
3. 计算图像的大小，并将图像绘制到canvas上；
4. 将canvas转换为Blob对象，并上传到服务器。

请注意，此示例代码仅适用于JPEG图像，并将图像压缩率设置为0.85。如果需要使用其他格式或不同的压缩率，请相应地更改代码。