javascript - 多个自定义选择文件的问题

Question

这是我的代码我想要超过 1 个自定义选择文件上传来代替这个标签

<form>
<input type="file" id="file-upload" multiple required />
<image for="file-upload">Upload file</>
<div id="file-upload-filename"></div>

输入[type="file"] { z-index: -1; 位置：绝对；不透明度：0；}

   input:focus + label {
  outline: 2px solid;
   }
  <script>
  var input = document.getElementById( 'file-upload' );
  var infoArea = document.getElementById( 'file-upload-filename' );

  input.addEventListener( 'change', showFileName );

  function showFileName( event ) {


   var input = event.srcElement;

   var fileName = input.files[0].name;

   infoArea.textContent = 'File name: ' + fileName;
          }

标签： javascripthtml