如何在Angular 7中将图像编码为字符串

时间:2019-05-07 17:38:29

标签: javascript angular

我正在处理一个有角度的项目,我需要将图像存储在数据库中。我正在此项目中使用firebase。我的意图是将特定的图像转换为字符串,然后将该字符串存储在google-cloud-firestore中。

但是现在我想将特定图像转换为字符串。我正在使用create组件或此组件。

create.component.html

<input
    style="display: none"
    type="file"
    (change)="onFileChanged($event)"
    #fileInput
/>
<button (click)="fileInput.click()">Select File</button>
<button (click)="onUpload()">Upload!</button>

create.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'ngx-create',
    templateUrl: './create.component.html',
    styleUrls: ['./create.component.scss']
})
export class CreateComponent implements OnInit {
    selectedFile: File;
    imageToString: string;

    constructor() {}

    ngOnInit() {}

    onFileChanged(event) {
        this.selectedFile = event.target.files[0];
    }


    onUpload() {
        alert(this.selectedFile.name);
    }
}

我如何为此添加功能

0 个答案:

没有答案