How to save images in localstorage?

Question

Can someone help me with this code please? I can't get it to save photos to localStorage. I am new at this and I'm trying to save multiple images to localStorage.

<div class="images-grid">
<div class="upload">
    <div class="round" id="display-image">
    <input type="file" id="image-input" accept="image/jpeg, image/png, image/jpg">
    <i class = "fa fa-camera" style = "color: #000;"></i>
    </div>
  </div>
  <div class="upload">
    <div class="round" id="display-image2">
    <input type="file" id="image-input2" accept="image/jpeg, image/png, image/jpg">
    <i class = "fa fa-camera" style = "color: #000;"></i>
    </div>
  </div>
</div>

javascript:

const image_input = document.querySelector("#image-input");

image_input.addEventListener("change", function() {
  const reader = new FileReader();
  reader.addEventListener("load", () => {
    const uploaded_image = reader.result;
    document.querySelector("#display-image").style.backgroundImage = `url(${uploaded_image})`;
  });
  reader.readAsDataURL(this.files[0]);
});

const image_input2 = document.querySelector("#image-input2");

image_input2.addEventListener("change", function() {
  const reader = new FileReader();
  reader.addEventListener("load", () => {
    const uploaded_image = reader.result;
    document.querySelector("#display-image2").style.backgroundImage = `url(${uploaded_image})`;
  });
  reader.readAsDataURL(this.files[0]);
});