Как загрузить изображения в multipart в Angular 4 - PullRequest
Новая
       12

Как загрузить изображения в multipart в Angular 4

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

Я хочу загрузить несколько изображений (это может быть не более 5), которые я сохранил на сервере, пока я загружаю одно изображение, но теперь у меня есть несколько изображений в параметре optionimage, у меня есть код для загрузки одного изображения, котороеработает нормально, но я немного озадачен несколькими разделами, что за код, который я добавляю, или как мне этого добиться.

Я закодировал загрузку одного изображения, которое приведено ниже, пожалуйста, ознакомьтесь. 

<input id="custom-input" type="file" (change)="handleFiles($event)" multiple >

handleFiles = function (fileInput: Event) {
            //      //      //      // debugger;;;;;

        this.imageArr = ['image/jpeg', 'image/jpg', 'image/png','image/gif'];


    if (fileInput.target['files'][0]['size'] > 1024000) {
        $.growl.error({ title: 'Error', message: "File can not be larger than 1 MB" });
        return;
    }
    if (!this.imageArr.includes(fileInput.target['files'][0]['type'])) {
        $.growl.error({ title: 'Error', message: "Invalid file format." });
        return;
    }


    var file: File = fileInput.target['files'][0];

    this.extention = file.name.substr((file.name.lastIndexOf('.') +1)).toLowerCase();
var reader = new FileReader();  
reader.onload = this._handleReaderLoaded.bind(this);
reader.readAsBinaryString(fileInput.target['files'][0]);


}

Пожалуйста, ваша помощь будет высоко оценена

...