' + '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); } } }