Как я загружаю изображения, используя ionic 4 в PWA - PullRequest
Новая
       38

Как я загружаю изображения, используя ionic 4 в PWA

1 голос
/ 10 октября 2019

Привет, у меня есть ионная разработка, и она прекрасно работает в интерфейсе, но я не знаю, как отправить эту картинку на сервер.? JSON Objetc? Строка? base64? Как я могу преобразовать входной файл в base64? учитывая, что это PWA и Cordova не работает.

на моем HTML есть это 

<div class="btn">
          <label>
            <ion-icon slot="start" name="camera"></ion-icon>
            Sucursal de Instalación
            <input type="file" style="display: none;" (change)="subirInstalacion($event)">
          </label>
        </div>

на моем TS, у меня есть это 

subirInstalacion(fileInput: any) {
    //trae imagen de la galeria 
      this.fileData = <File>fileInput.target.files[0];
      this.preview();
  }

  preview() {
    // vista previa de la imagen
    var mimeType = this.fileData.type;
    if (mimeType.match(/image\/*/) == null) {
      return;
    }

    let reader = new FileReader();      
    reader.readAsDataURL(this.fileData); 
    reader.onload = (_event) => { 
      this.previewSucursalInstalacion = reader.result; 
    }
  }

Спасибо,

1 Ответ

1 голос
/ 11 октября 2019

Зависит от того, какой бэкэнд вы хотите использовать.

Вам нужно либо настроить свой собственный сервер и веб-API, что-то вроде this или this . Однако для реального использования в целях безопасности потребуется больше кода.

В качестве альтернативы вы можете поместить его в облако. Существует множество сервисов для размещения образов.

Firebase является популярным. Также есть интересный файл под названием Uploadсare . Существует серия учебных пособий , в которой объединены эти две технологии .

...