在Ionic中调整base64编码图像的大小

Question

如何在Ionic框架中调整base64编码图像的大小。

我想在上传到服务器之前在客户端调整图像大小。

这种情况下最好的策略是什么？

Answer 1

我使用ng2-img-max库解决了这个问题：

uploadDesktopFile() {
    let file = this.documentEl.nativeElement.files[0];

    const maxHeight = 800;
    const maxWidth = 600;

    let self = this;
    this.ng2ImgMax.resizeImage(file, maxHeight, maxWidth).subscribe(
      result => {
        let reader = new FileReader();
        reader.readAsDataURL(result);
        reader.onloadend = function () {
          self.imageURI = reader.result;  // we've got resized base64 sequence at this stage
          //self.uploadFile();
        }
        reader.onerror = function (error) {
          console.error('Error: ', error);
        };
      },
      error => {
        console.error('Error: ', error);
      }
    );
  }