Почему перезагружается страница после установки formData?

Question

[mantovpinets]

Здравствуйте.

Пытаюсь отправить на сервер файл вместе с другими данными. Но всё никак не могу понять, как отправить. Уже перерыл весь интернет, всех пересмотрел, но почему-то ничего не выходит. Пробовал создавать formData объект, но вместо установки свойств перезагружается страница. Кто-нибудь, подскажите, куда копать?

Save(newBike: Bike){
		console.log(this.inputFile);
		this.formData.set("bike", JSON.stringify(this.newBike));
		this.formData.set("file", this.inputFile, this.inputFile.name);
                //До сервиса он не доходит. В начале установки свойств FormData он начинает перезагружать страницу
		this.addSrv.saveBike(newBike, this.formData).subscribe(res => this.notify.addInfo(res._body));
	}

Answer 1

[Alex McArrow]

А в какой момент начинает работать данный код? Если по нажатию кнопки (submit) на форме - то нужно указать форме, что бы она не делала отправку.
Из разряда:

$('form').on('submit', function(e){
    // validation code here
    if(!valid) {
      e.preventDefault();
    }
  });

Comments

[mantovpinets]

В том-то и дело, что оно автоматом отключается, когда вешаешь обработчик на событие с submit в Angular. И если не устанавливать свойства объекта formData, то всё работает, как обычно, без перезагрузки...

Answer 2

[mantovpinets]

Короче проблема была в сафари. Там объект FormData не поддерживается.