Using Filereader to display images by creating divs?

I have the following code.

function previewFile() {
  var preview = document.getElementById("image_display");
  var file    = document.getElementById("imagens_not").files[0];
  console.log(file);
  var reader  = new FileReader();

  reader.addEventListener("load", function () {
    preview.src = reader.result;
  }, false);

  if (file) {
    reader.readAsDataURL(file);
  }
}

With this code, I can successfully display the first image inserted, but I would like it to show all of them. I know it's a long question, but there's more.

I would like it to show a preview as well, it added a div where these images would be shown because I will need to search those divs for another part of my project.