如何在 ionic 4 中上传之前压缩或调整图像大小？

Question

我正在创建 ionic 4 angular app 并上传图片。但上传的图片尺寸更大。现在我想在上传之前调整图像大小。在我给出的图片上传代码下方。

selectImage(e: any) {
this.selectedFile = e.target.files[0];

var file = e.dataTransfer ? e.dataTransfer.files[0] : e.target.files[0];
var pattern = /image-*/;
var reader = new FileReader();

reader.onload = (event: any) => { // called once readAsDataURL is completed
  this.url = event.target.result;
  this.popoverController.dismiss(this.url);
  console.log('url for image:', this.url);
};
reader.readAsDataURL(this.selectedFile);

if (!file.type.match(pattern)) {
  alert('invalid format');
  return;
}
}

Answer 1

和ionic本身无关，可以使用ngx-pica之类的node包，指令很直接here