Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<input type="file" accept="image/*" multiple onchange="filesProcess(this.files)" name="selection"/>
Select several images<br/>
<br/>
<div id="result">...</div>
<script>  
  function filesProcess(files) {    
    selection = "<table><tr><th>Name</th><th></th><th>Bytes</th><th></th><th>MIME Type</th></tr>";
    
    for(i=0; i<files.length ;i++){      
      file = files[i];      
        selection += "<tr><td>"+file.name+"</td><td> | </td><td style=\"text-align:right\">"
            +file.size+"</td><td> | </td><td>"
            +file.type+"</td></tr>";
     }
      selection += "</table>";
     document.getElementById("result").innerHTML = selection;
   }
</script>
 
if (document.getElementById('hello')) {
  document.getElementById('hello').innerHTML = 'Hello World - this was inserted using JavaScript';
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
MichelBuffapro
0viewers