Question

How to get the name, size and type of the selected file from disk in JavaScript

Answer 1

function get_file_info() {
    var file_name = document.getElementById('file').files[0].name;
    var file_size = document.getElementById('file').files[0].size;
    var file_type = document.getElementById('file').files[0].type;
    
    document.write(file_name + "<br />");
    document.write(file_size + " bytes" + "<br />");
    document.write(file_type + "<br />");
}
 
 
/*
run:
 
abc.zip
6473536 bytes
application/x-zip-compressed
    
*/

<input type="file" id="file" onchange="get_file_info()"/>

 

70+ SQL courses for beginners and professionals