File：name 属性

基线广泛可用

自 2015年7月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

备注： 此特性在 Web Worker 中可用。

File 接口的 name 只读属性返回由 File 对象表示的文件的名称。由于安全原因，该属性并不包含文件路径。

本文内容

值

一个字符串，包含不带路径的文件名，例如“My Resume.rtf”。

示例

HTML

html
<input type="file" id="file-picker" multiple />
<div>
  <p>选定文件列表：</p>
  <ul id="output"></ul>
</div>

JavaScript

js
const output = document.getElementById("output");
const filePicker = document.getElementById("file-picker");

filePicker.addEventListener("change", (event) => {
  const files = event.target.files;
  output.textContent = "";

  for (const file of files) {
    const li = document.createElement("li");
    li.textContent = file.name;
    output.appendChild(li);
  }
});

结果

规范

File API
# dfn-name

浏览器兼容性

启用 JavaScript 以查看此浏览器兼容性表。

参见

在 Web 应用程序中使用文件

帮助改进 MDN

此页面对您有帮助吗？

是否

了解如何参与贡献

此页面最后更新于 2025年3月16日，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题

文件 API
File
构造函数
1. File()
实例属性
继承
1. Blob
File API 的相关页面
指南
1. 在 web 应用程序中使用文件