Изменить событие в диалоге загрузки файла - PullRequest
Новая
       31

Изменить событие в диалоге загрузки файла

0 голосов
/ 19 мая 2019

Я работаю с angular и пытаюсь загрузить изображения в свою базу данных с помощью кнопки «Загрузка изображения», которая открывает диалоговое окно файла. Для этого я хочу добавить несколько изображений с помощью этой кнопки, прежде чем загружать их.

Моя кнопка выглядит так: 

  <div class="file-managment">
    <button class="mat-raised-button custButt" style="margin: 5px;">Upload Images
      <label class="hiddenDialog">
        <input #file (change)="handleFile($event)" accept="image/*" type="file" multiple="multiple">
      </label>
    </button>
    <button class="mat-raised-button custButt" style="margin: 5px;">Delete Images</button>   </div>

В функции handleFile($event) я просто добавляю файл из диалога в список. 

handleFile(event) {
  this.fileToUpload = event.target.files;
  this.uploadImages.append(this.fileToUpload.name, this.fileToUpload);
  console.log('added an element');
}

Однако, когда я несколько раз использую кнопку загрузки для загрузки многократных файлов, я замечаю, что функция handleFile($event) вызывается только один раз. Я использую (изменить) событие неправильно в этом случае? Как я могу сделать эту работу?

...