首页 > 解决方案 > 如何将输入字段文件数组分配给单独的输入字段

问题描述

我有一个表单,其中有一个文件输入字段,我可以在其中选择多个文件。现在的问题是,如果我选择 3 个文件,那么它应该创建 3 个输入字段,其中包含从 1 到 3 的文件。例如可以在下面看到。

在此处输入图像描述

我想用jquery来做。我写的代码是

<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> 
</head>
<body>
    <form name="form" class="form-group" method="post" action="" enctype="multipart/form-data">
    <input type="file" id="track" name="tracks" multiple>
    <button type="button" id="btn-submit"> Upload</button>

    <script>
        $(document).on("click", "#btn-submit", function() {
            
        });
    </script>
</body>
</html>

我应该使用什么方法或方法来获得预期的结果?

任何帮助表示赞赏。

标签: javascripthtmljquery

解决方案


推荐阅读