我想获取使用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
的对象!