Я немного сбит с толку формулировкой, но сделаю все возможное. Вы можете получить список всех файлов и имен, просто прочитав атрибут файла входного файла загрузки, который содержит массив файлов с несколькими свойствами, включая их имя. Тогда я бы порекомендовал либо сделать div, который является тем пробелом, flexbox и добавить имена файлов в качестве внутренних элементов. Я могу предоставить код в случае необходимости, но я думаю, что это охватывает вопрос. Пожалуйста, не стесняйтесь просить разъяснений!
Пример грубого кода:
document.getElementById("fileDrop").onchange = ()=>{
let ul = document.getElementById("list");
let files = document.getElementById("fileDrop").files;
for(let i = 0;i<files.length;i++){
let li = document.createElement("li");
li.appendChild(document.createTextNode(files[i].name));
ul.appendChild(li);
}
}
<html>
<head>
</head>
<body>
<input type="file" id="fileDrop" multiple>
<ul id="list">
</ul>
</body>
</html>