Local Link for uploading images -- FileReader,

Local Link for uploading images -- FileReader,
Reference website

FileReader-Web API | MDN
DEMO

Introduction

With the FileReader object, web applications can asynchronously read files (or raw data buffering) stored on users' computers, you can use a File object or Blob Object to specify the File or data to be processed. the File object can be the FileList object returned by the user after selecting a File on the <input type = "text"/> element, or the DataTransfer object generated by the drag-and-drop operation, it can also be the result returned after the mozGetAsFile () method is executed on an HTMLCanvasElement.

 

 

Upload DEMO code for multiple images on the page

 

1 <! Doctype html> 2