javascript 当Bootstrap 5有多个文件时,如何使文件输入显示文件名?

wqsoz72f  于 2023-02-02  发布在  Java
关注(0)|答案(1)|浏览(123)

当我上传3个文件时,它显示“3 Files”而不是文件名。有没有办法使用Bootstrap 5显示文件名?顺便说一下,我使用的是Express,我不能使用document.get()。

sg3maiej

sg3maiej1#

这应该是你需要的。

function qq(e) {
  let fileListDiv = document.getElementById("fileList");
  let fileList = [];
  fileListDiv.replaceChildren();
  for (let i = 0; i < e.target.files.length; i++) {
    let fileDiv = "<div>" + e.target.files[i].name + "</div>";
    fileListDiv.innerHTML += fileDiv;
  }
}
<input id="selectedFile" multiple onchange="qq(event)" style="display: none;" type="file" />
<input type="button" value="Browse..." onclick="document.getElementById('selectedFile').click();" />
<div id="fileList">
</div>

参考:
输入类型=仅显示文件按钮

相关问题