function checkFileDetails() {
var fi = document.getElementById('file');
if (fi.files.length > 0) { // FIRST CHECK IF ANY FILE IS SELECTED.
for (var i = 0; i <= fi.files.length - 1; i++) {
var fileName, fileExtension, fileSize, fileType, dateModified;
// FILE NAME AND EXTENSION.
fileName = fi.files.item(i).name;
fileExtension = fileName.replace(/^.*\./, '');
// CHECK IF ITS AN IMAGE FILE.
// TO GET THE IMAGE WIDTH AND HEIGHT, WE'LL USE fileReader().
if (fileExtension == 'png' || fileExtension == 'jpg' || fileExtension == 'jpeg') {
readImageFile(fi.files.item(i)); // GET IMAGE INFO USING fileReader().
}
else {
// IF THE FILE IS NOT AN IMAGE.
fileSize = fi.files.item(i).size; // FILE SIZE.
fileType = fi.files.item(i).type; // FILE TYPE.
dateModified = fi.files.item(i).lastModifiedDate; // FILE LAST MODIFIED.
document.getElementById('fileInfo').innerHTML =
document.getElementById('fileInfo').innerHTML + '
' + 'Name: ' + fileName + '
' + 'File Extension: ' + fileExtension + '
' + 'Size: ' + Math.round((fileSize / 1024)) + ' KB
' + 'Type: ' + fileType + '
' + 'Last Modified: ' + dateModified + '
'; } } // GET THE IMAGE WIDTH AND HEIGHT USING fileReader() API. function readImageFile(file) { var reader = new FileReader(); // CREATE AN NEW INSTANCE. reader.onload = function (e) { var img = new Image(); img.src = e.target.result; img.onload = function () { var w = this.width; var h = this.height; document.getElementById('fileInfo').innerHTML = document.getElementById('fileInfo').innerHTML + '
' + 'Name: ' + file.name + '
' + 'File Extension: ' + fileExtension + '
' + 'Size: ' + Math.round((file.size / 1024)) + ' KB
' + 'Width: ' + w + '
' + 'Height: ' + h + '
' + 'Type: ' + file.type + '
' + 'Last Modified: ' + file.lastModifiedDate + '
'; } }; reader.readAsDataURL(file); } } }
' + 'Name: ' + fileName + '
' + 'File Extension: ' + fileExtension + '
' + 'Size: ' + Math.round((fileSize / 1024)) + ' KB
' + 'Type: ' + fileType + '
' + 'Last Modified: ' + dateModified + '
'; } } // GET THE IMAGE WIDTH AND HEIGHT USING fileReader() API. function readImageFile(file) { var reader = new FileReader(); // CREATE AN NEW INSTANCE. reader.onload = function (e) { var img = new Image(); img.src = e.target.result; img.onload = function () { var w = this.width; var h = this.height; document.getElementById('fileInfo').innerHTML = document.getElementById('fileInfo').innerHTML + '
' + 'Name: ' + file.name + '
' + 'File Extension: ' + fileExtension + '
' + 'Size: ' + Math.round((file.size / 1024)) + ' KB
' + 'Width: ' + w + '
' + 'Height: ' + h + '
' + 'Type: ' + file.type + '
' + 'Last Modified: ' + file.lastModifiedDate + '
'; } }; reader.readAsDataURL(file); } } }