如何在js中获取多个照片名称？

<input type="file" id="photoInput" multiple>
<script>
  const photoInput = document.getElementById('photoInput');
  photoInput.addEventListener('change', (event) => {
    const files = event.target.files;
    for (let i = 0; i < files.length; i++) {
      console.log(files[i].name);
    }
  });
</script>

<div id="dropArea" style="width: 300px; height: 200px; border: 2px dashed #ccc;"></div>
<script>
  const dropArea = document.getElementById('dropArea');
  dropArea.addEventListener('drop', (event) => {
    event.preventDefault();
    const files = event.dataTransfer.files;
    for (let i = 0; i < files.length; i++) {
      console.log(files[i].name);
    }
  });
  dropArea.addEventListener('dragover', (event) => {
    event.preventDefault();
  });
</script>