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

Question

我正在创建 ionic 4 angular 应用程序，并已上传图像。但是上传的图片尺寸更大。现在我想在上传前调整图像大小。下面给出了我的图片上传代码。

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

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

How to compress or resize image before uploaded in ionic 4?

typescript

ionic4

angular7