将formdata字段存储到本地存储不起作用

Question

我正在尝试将formGroup字段附加到本地存储中，以便可以在另一页上获取它。我的代码是

。ts文件为

   var u8Image  = b64ToUint8Array(b64Image);
const file = new File([u8Image], rString + '.jpg', { type: "image/jpeg", lastModified: Date.now() });
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.addToCart(formData)
 console.log('success')

service.ts是

  getCart(){
const formData = localStorage.getItem('formData');
return formData? JSON.parse(formData) : [];


 }

  addToCart(data) {
    const formData: Data[] = this.getCart();
    if (!formData) {
      this.setTodosIntoStore([data]);
    } else {
      formData.push(data);
      this.setTodosIntoStore(formData);
    }

}

setTodosIntoStore(formData: Data[]) {
  localStorage.setItem('formData', JSON.stringify(formData));
}

我在本地存储中保存了空白文件。有什么方法可以将反应性表单组数据保存在本地存储中？

Answer 1

一种替代方法是先将反应性表单数据保存到本地存储中，然后在需要发布时从本地存储中获取，然后从中创建formData。

localStorage.setItem（'data'，JSON.stringify（this.sizeForm.value））;