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

在JavaScript中获取多个照片名称可以通过以下几种方式实现：

使用HTML的input元素和File API：可以创建一个input元素，设置其type为file，然后监听其change事件。当用户选择了多个照片文件后，可以通过input元素的files属性获取到一个FileList对象，其中包含了用户选择的所有文件。可以通过遍历FileList对象，使用file.name属性获取每个文件的名称。

示例代码：

<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>

使用拖放功能和File API：可以创建一个可拖放区域，监听其drop事件。当用户将多个照片文件拖放到该区域时，可以通过event.dataTransfer.files获取到一个FileList对象，其中包含了拖放的所有文件。同样可以通过遍历FileList对象，使用file.name属性获取每个文件的名称。

示例代码：

<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>

以上两种方法都是基于浏览器原生的File API实现的，可以在现代浏览器中使用。如果需要在旧版本的浏览器中支持，可以考虑使用第三方库或框架，如jQuery的File Upload插件等。

注意：以上示例代码仅演示了如何获取照片文件的名称，如果需要进一步处理这些照片文件，可以参考相关的文件处理、上传、存储等技术。