将base64图片网址转换为图片对象

时间:2019-05-10 12:46:40

标签: html image typescript ionic-framework

我想获取使用inpt文件类型读取的图像的大小。 在html上,我有这个:

<input type="file" #fileInput style="visibility: hidden; height: 0px" name="files[]" (change)="processWebImage($event)" />

在打字稿方面

  processWebImage(event) {
    let reader = new FileReader();
    reader.onload = (readerEvent) => {
      let imageData = (readerEvent.target as any).result;
      this.picURL = imageData ;
    };
    reader.readAsDataURL(event.target.files[0]);
  }

这读取的图像已经以base64编码。我想获得一个图像对象,以便获得该图像的尺寸(高度和宽度),然后尝试将图像缩小(或放大)到所需的大小。

任何帮助将不胜感激。我尝试过的是在html端创建一个图像元素:

<img style="visibility:hidden;" name="hiddenimage" #vhideimage>

然后在后端代码上:

this.hiddenImg.src = this.picURL;,其中this.hiddenImg表示图像元素。但是我将高度和宽度指定为0的对象!

0 个答案:

没有答案