How to preview images when uploading with input type=[file]?

Question

JavaScript

I did a preview for one uploaded image on this question . Everything is fine, but you need to do a preview for several images on the page. How to be? There, in the comments to the question, there is such a " sub-question "
I found an option where previews are made for a "pack" of images at once, but this does not suit me. Images are added manually to different inputs. It looks like this in the end
. Tell me how to implement this business?

Answer 1

https://github.com/blueimp/jQuery-File-Upload
https://blueimp.github.io/JavaScript-Load-Image/
www.dropzonejs.com

Answer 2

When you select files in input[type=file] with a dialog or drop them via dragndrop, you will have an array in input.files with local paths to user files. just create a new <img> and set src= to the local path to the image and the browser will pick it up from the local disk.

Answer 3

https://developer.mozilla.org/en/docs/Using_files_...

Answer 4

possible via FileApi in html5