Javascript调整图像大小以在上传到服务器之前减小其大小？

// 选择图像文件
var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];

// 读取图像文件
var reader = new FileReader();
reader.onload = function(e) {
  // 创建临时图像对象
  var img = new Image();
  img.onload = function() {
    // 创建临时画布
    var canvas = document.createElement('canvas');
    var ctx = canvas.getContext('2d');

    // 调整图像大小
    var maxWidth = 800; // 设置最大宽度
    var maxHeight = 600; // 设置最大高度
    var width = img.width;
    var height = img.height;

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

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

    // 绘制调整后的图像
    ctx.drawImage(img, 0, 0, width, height);

    // 将调整后的图像转换为Base64编码的数据URL
    var resizedDataURL = canvas.toDataURL('image/jpeg', 0.8);

    // 在这里可以将resizedDataURL上传到服务器或进行其他操作
    console.log(resizedDataURL);
  };

  img.src = e.target.result;
};

reader.readAsDataURL(file);