Javascript 将输入图像保存在localStorage中，然后使用JS检索它

我正在上传一个带有其他信息的图像，然后我想将它们全部保存在localStorage中（可能是在一个数组中）

如何在输入中检索该图像并仅使用JS将其与其他信息一起保存？下面是我用来上传图片的代码（这是我从另一个Stackoverflow问题中得到的，它也可以工作）

html:

其中有“imgtag.src=event.target.result”，event.target.result是一个base64编码数据字符串。您可以使用localStorage.setItem（'myPic'，event.target.result）将其保存在localstore中

---

如果要保存数组，需要先对其进行json.encode编码，因为localStorage只能保存字符串。

ok谢谢：）

function onFileSelected(event) {
  var selectedFile = event.target.files[0];
  var reader = new FileReader();

  var imgtag = document.getElementById("food");
  imgtag.title = selectedFile.name;

  reader.onload = function(event) {
    imgtag.src = event.target.result;
  };

  reader.readAsDataURL(selectedFile);
}  

<div class="immagine_cibo">
      <input type="file" onchange="onFileSelected(event)">
      <img id="food" height="200" width="250">
</div>