<! DOCTYPE html>
>
>
<meta CharSet="UTF-8">
<meta name= "Viewport" content= "Width=device-width, initial-scale=1, Maximum-scale =1, minimum-scale=1, User-scalable=no, Minimal-ui ">
<meta name= "apple-mobile-web-app-capable" content= "Yes">
<meta name= "Apple-mobile-web-app-status-bar-style" content= "Black">
<meta name= "Format-detection" content= "Telephone=no">
<title> multiple file uploads </title>
>
<body>
<div style="Height: +px; Width: Border: 1px solid red; position: Relative;" >
Click Upload
<InputOnChange="UploadFile()"Id= "Upload"multiple= "multiple" type= "file" accept= "Image/*;capture=camera" style= " Span class= "S9" >height: 100px; Width100px; Opacity0; Positionabsolute; Top0; Left0; " />
</div>
<script>
function UploadFile() {
var input = document.getElementById (' upload ');
var files = Array.prototype.slice.call (input.files);
files. ForEach (function (file, i) {
var reader = new FileReader ();
Reader. Onloadend = function (e) {
var basefilestr = this.result.substring (( + File.type.leng th),this.result.length);
console.info ("Output file Data");
console.info (basefilestr);
}
reader.readasdataurl (file);
});
}
</script>
</body>
>
>>> Output File Data
>>>ivborw0kggoaaaansuheugaaabiaaaaocayaaaai2 ...
Input tag handles multiple file uploads