我如何从角度将本地存储值发送到服务器

时间:2020-02-28 05:22:00

标签: angular local-storage angular7

我的.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);

}

我想将不同模块的本地存储值添加到该特定formdata 我已将本地存储值设置为

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

我在本地存储中的价值为

user : 3456788922

我正在尝试将本地存储的用户值发送到具有以上formdata的服务器

6 个答案:

答案 0 :(得分:0)

由于localStorage属于全局窗口对象,因此只需在Angular应用中的任意位置调用即可获取用户价值

localStorage.getItem('user')

答案 1 :(得分:0)

只需在发送前将其附加到formData

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

答案 2 :(得分:0)

设置表单数据时,可以将本地存储属性设置为与其他属性相同。

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

或者您可以再次调用服务器并单独发送。

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

答案 3 :(得分:0)

您必须添加类似于-

  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)

}

答案 4 :(得分:0)

  1. 照常从本地存储中检索值并将其附加到module.exports = { entry: { app: ['@babel/polyfill','./src/main.js'], }, module: { test: /\.js$/, exclude: file => ( /node_modules/.test(file) ), use: [ { loader: "babel-loader" }, ], }, vue: { loaders: { js: 'babel-loader' } } }
formdata
  1. 订阅您的const mobile = localStorage.getItem('user'); if (mobile !== null) { formData.append('mobile', mobile); } 函数,因为它返回一个Observable。
customizeAdd()

即使您不处理响应,也总是处理错误的好习惯。

答案 5 :(得分:0)

您也可以像下面这样:->

在angular.ts文件中:->

>>> from django.forms import BaseFormSet
>>> from django.forms import formset_factory
>>> from myapp.forms import ArticleForm

>>> class MyArticleForm(ArticleForm):
...     def __init__(self, *args, user, **kwargs):
...         self.user = user
...         super().__init__(*args, **kwargs)

>>> ArticleFormSet = formset_factory(MyArticleForm)
>>> formset = ArticleFormSet(form_kwargs={'user': request.user})

The form_kwargs may also depend on the specific form instance. 
The formset base class provides a get_form_kwargs method. 
The method takes a single argument - the index of the form in the formset. 
The index is None for the empty_form:


>>> from django.forms import BaseFormSet
>>> from django.forms import formset_factory

>>> class BaseArticleFormSet(BaseFormSet):
...     def get_form_kwargs(self, index):
...         kwargs = super().get_form_kwargs(index)
...         kwargs['custom_kwarg'] = index
...         return kwargs

formData包含两个值。