首页 前端知识 HTML - input type=file 允许用户选择多个文件

HTML - input type=file 允许用户选择多个文件

2024-06-07 00:06:17 前端知识 前端哥 598 893 我要收藏

效果

在这里插入图片描述

示例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- When the multiple Boolean attribute is specified, the file input allows the user to select more than one file. -->
        <input type="file" multiple="true" />

        <script type="text/javascript">
            window.onload = function(event) {
                main();
            }
            
            function main() {
                const inputFile = document.querySelector('input[type=file]');
                inputFile.onchange = InputFile_onChange;
            }
            
            function InputFile_onChange(event) {
                // console.log(event);
                const files = event.target.files;
                console.log(files);
            }
        </script>
    </body>
</html>

参考

HTML > Elements > input > input type=“file” - multiple

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11147.html
标签
评论
发布的文章

1.10 Unity中的数据存储 JSON

2024-06-13 21:06:30

JSON 数据格式化方法

2024-06-13 21:06:26

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!