как отправить значение локального хранилища на сервер с angular

Question

мой angular .ts файл

       const clothsize = this.sizeForm.value.clothsize;
    const quantity = this.sizeForm.value.quantity;
     var formData = new FormData();
     formData.append('image', file);
     formData.append('clothsize', clothsize);
     formData.append('quantity', quantity);
     formData.append('design', this.fileDesign);
     this.service.customizeAdd(formData)

}

файл service.ts

 customizeAdd(data) {
return this.http.post(`${this.baseURL}/file`, data);

}

Я хочу добавить значение локального хранилища различных модуль для этой конкретной формы данных я установил значение локального хранилища как

            localStorage.setItem('user', customeruser.payload.mobilenumber);

у меня есть значение в локальном хранилище как

user : 3456788922

я пытаюсь отправить это пользовательское значение локального хранилища на сервер с данными выше

Answer 1

при настройке данных формы вы можете установить атрибут локального хранилища так же, как и другие атрибуты.

formData.append('user', localStorage.getItem('user'));

или вы можете снова вызвать сервер и отправить его отдельно.

 customizeAdd(data) {
 return this.http.post(`url`, localStorage.getItem('user'));
  }

Answer 2

Вы также можете сделать это, как показано ниже: ->

в angular .ts файле: ->

   formData.append('user', localStorage.getItem('user'));
     this.service.customizeAdd(formData);

там formData содержит оба значения.

Answer 3

1. Получите значение из локального хранилища, как обычно, и добавьте его к formdata.

const mobile = localStorage.getItem('user');
if (mobile !== null) {
    formData.append('mobile', mobile);
}

Подпишитесь на вашу customizeAdd() функцию, потому что она возвращает Observable.

this.service.customizeAdd(formData).subscribe(
  response => { // handle response },
  error => { // handle error }
);

Даже если вы не обрабатываете ответ, всегда рекомендуется обрабатывать ошибку.

Answer 4

Вы должны добавить просто как -

  const clothsize = this.sizeForm.value.clothsize;
const quantity = this.sizeForm.value.quantity;
 var formData = new FormData();
 formData.append('image', file);
 formData.append('clothsize', clothsize);
 formData.append('quantity', quantity);
 formData.append('design', this.fileDesign);
 formData.append('user', localStorage.getItem('user'));
 this.service.customizeAdd(formData)

}

Answer 5

Просто добавьте его в formData перед отправкой

formData.append('KEY', localStorage.getItem('user'));

Answer 6

Поскольку localStorage принадлежит глобальному объекту окна, просто получите пользовательское значение, позвонив в любое место вашего Angular приложения

localStorage.getItem('user')