100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > angular-获取本地上传图片转为base64

angular-获取本地上传图片转为base64

时间:2021-03-26 10:23:58

相关推荐

angular-获取本地上传图片转为base64

<nz-upload [nzTransformFile]="transformFile"[nzBeforeUpload]="beforeUpload"><button nz-button nzType="primary" >本地上传</button></nz-upload>

beforeUpload = (file: NzUploadFile, _fileList: NzUploadFile[]) => {return new Observable((observer: Observer<boolean>) => {const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/bmp';if (!isJpgOrPng) {this.msg.error('只允许上传图片!');plete();return;}const isLt2M = file.size! / 1024 / 1024 < 2;if (!isLt2M) {this.msg.error('图片大小不得超过2MB!');plete();return;}observer.next(isJpgOrPng && isLt2M);plete();});};transformFile = (file: NzUploadFile) => {return new Observable((observer: Observer<Blob>) => {const reader = new FileReader();reader.readAsDataURL(file as any);reader.onload = () => {const canvas = document.createElement('canvas');const img = document.createElement('img');img.src = reader.result as string;this.currentImg=img.src;this.lineAction()};});};

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。