在将文件发送到服务器以进行上传之前,验证文件始终是个好主意。
使用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