Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[zh-cn]: add translation for FileList.item() #20357

Merged
merged 1 commit into from
May 14, 2024
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
65 changes: 65 additions & 0 deletions files/zh-cn/web/api/filelist/item/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
---
title: FileList:item() 方法
slug: Web/API/FileList/item
l10n:
sourceCommit: 8fd2ee72038310e3ecc387df235ffac1cb08775c
---

{{APIRef("File API")}}{{AvailableInWorkers}}

{{domxref("FileList")}} 接口的 **`item()`** 方法返回一个 {{domxref("File")}} 对象,表示文件列表中指定索引处的文件。

## 语法

```js-nolint
item(index)
```

### 参数

- `index`
- : 要从列表中检索的文件的从零开始的索引。

### 返回值

表示所请求文件的 {{domxref("File")}} 对象。

## 示例

### 打印文件名

在此示例中,我们使用 `item()` 选择 `FileList` 中的第一项。

#### HTML

```html
<input type="file" />
<div class="output"></div>
```

#### JavaScript

```js
const fileInput = document.querySelector("input[type=file]");
const output = document.querySelector(".output");

fileInput.addEventListener("change", () => {
const fileList = fileInput.files;
if (fileList.length > 0) {
const file = fileList.item(0);
output.textContent = `你选择了:${file.name}`;
}
});
```

#### 结果

{{EmbedLiveSample("打印文件名")}}

## 规范

{{Specifications}}

## 浏览器兼容性

{{Compat}}