如何在JavaScript中获取文件的信息(名称,大小,类型)

在将文件发送到服务器以进行上传之前,验证文件始终是个好主意。
使用JavaScript,我们可以轻松获取文件信息并在客户端验证。
下面JavaScript代码,可获取文件名,大小,类型和修改日期。

在JavaScript中获取文件名:

document.getElementById('file').files[0].name

在JavaScript中获取文件大小:

document.getElementById('file').files[0].size

在JavaScript中获取文件类型:

document.getElementById('file').files[0].type

在JavaScript中获取文件修改日期:

document.getElementById('file').files[0].lastModifiedDate

我们可以使用以下代码在选择文件后获取文件信息。

HTML:

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

JavaScript:

function fileInfo(){
    var fileName = document.getElementById('file').files[0].name;
    var fileSize = document.getElementById('file').files[0].size;
    var fileType = document.getElementById('file').files[0].type;
    var fileModifiedDate = document.getElementById('file').files[0].lastModifiedDate;

    var file_info = fileName+"\n"+fileSize+"\n"+fileType+"\n"+fileModifiedDate;
    alert(file_info);
}
日期:2020-06-02 22:16:05 来源:oir作者:oir