file标签中使用multiple后，在js中获取选择文件的文件名，大小等信息

最新推荐文章于 2021-03-10 16:00:02 发布

混迹在开发队伍里的伪开发

最新推荐文章于 2021-03-10 16:00:02 发布

阅读量2.9k

点赞数

分类专栏： js 文章标签： js input file 文件信息

js 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

转自：https://blog.csdn.net/qq_38136705/article/details/81036178
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
 
<body>
    <input type="file" multiple="multiple" id="test">
    <ul id='content'></ul>
</body>
<script>
var test = document.getElementById('test');
test.addEventListener('change', function() {
    var t_files = this.files;
    console.log(t_files);
    var str = '';
    for (var i = 0, len = t_files.length; i < len; i++) {
        console.log(t_files[i]);
        str += '<li>名称：' + t_files[i].name + '大小' + t_files[i].size / 1024 + 'KB</li>';
    };
    document.getElementById('content').innerHTML = str;
}, false);
</script>
 
</html>