It is great idea to apply client side validation to make form or file validation fast, Always do validate file information before sending to sever like if user upload some file, apply client side validation on file type, size which help user to upload valid file on server, Following are the single line of code is JavaScript to get name, size, type and last modified date of selected files.
Get File Name in JavaScript
var fileName = document.getElementById('file').files[0].name;
console.log(fileName);
alert(fileName);
|
var fileName = document.getElementById(‘file’).files[0].name;
console.log(fileName);
alert(fileName);
Get File Type in JavaScript
var fileType = document.getElementById('file').files[0].type;
console.log(fileType);
alert(fileType);
|
var fileType = document.getElementById(‘file’).files[0].type;
console.log(fileType);
alert(fileType);
Get File Size in JavaScript
var fileSize = document.getElementById('file').files[0].size;
console.log(fileSize);
alert(fileSize);
|
var fileSize = document.getElementById(‘file’).files[0].size;
console.log(fileSize);
alert(fileSize);
Get File Lst Modified Date in JavaScript
var fileLastModifiedDate = document.getElementById('file').files[0].lastModifiedDate;
console.log(fileLastModifiedDate);
alert(fileLastModifiedDate);
|
var fileLastModifiedDate = document.getElementById(‘file’).files[0].lastModifiedDate;
console.log(fileLastModifiedDate);
alert(fileLastModifiedDate);
Using above function you can easily create custom JavaScript function to get all the file details in array
function getFileInfo(){
var fileInfo = new array();
fileInfo['fileName'] = document.getElementById('file').files[0].name;
fileInfo['fileSize'] = document.getElementById('file').files[0].size;
fileInfo['fileType'] = document.getElementById('file').files[0].type;
fileInfo['fileModifiedDate'] = document.getElementById('file').files[0].lastModifiedDate;
console.log(fileInfo);
}
|
function getFileInfo(){
var fileInfo = new array();
fileInfo[‘fileName’] = document.getElementById(‘file’).files[0].name;
fileInfo[‘fileSize’] = document.getElementById(‘file’).files[0].size;
fileInfo[‘fileType’] = document.getElementById(‘file’).files[0].type;
fileInfo[‘fileModifiedDate’] = document.getElementById(‘file’).files[0].lastModifiedDate;
console.log(fileInfo);
}
Related
