上传之前压缩相机输入

Question

我很擅长上传等等。但是目前我正在构建一个可以捕获图片的应用程序，将其发送到数据库以供进一步使用（这与此无关）。当我捕获图像并尝试上传它需要很多时间。所以我想在上传之前压缩图像。但我无法弄清楚如何完成这个。

这是我用于图像捕获的代码：

HTML：

<input type="file" accept="image/*" id="capture" capture="camera"> 

JS：

document.getElementById('capture').onchange = function(){
  var reader = new FileReader();
  reader.onload = function(e){
    $('.field-wrapper.camera').css('background-image', 'url('+e.target.result+')')
    $('.camera-icon').hide();
    imageUrl = e.target.result;
  };
  reader.readAsDataURL(this.files[0]);
}

任何能在上传之前帮我压缩图片的人？非常感谢！ ：）