在angular 6中如何在本地存储中保存图像

// 假设有一个<input type="file" id="imageInput">用于选择图像文件
const fileInput = document.getElementById('imageInput') as HTMLInputElement;
const file = fileInput.files[0];

const reader = new FileReader();
reader.onload = (event) => {
  const base64Image = event.target.result as string;
  // 将base64Image存储在本地存储中
  localStorage.setItem('image', base64Image);
};
reader.readAsDataURL(file);

const base64Image = localStorage.getItem('image');
// 将base64Image转换为图像元素
const imageElement = document.createElement('img');
imageElement.src = base64Image;
// 将图像元素添加到DOM中
document.body.appendChild(imageElement);