Skip to content

Commit

Permalink
[zh-cn]: add translation for FileList.item() (#20357)
Browse files Browse the repository at this point in the history
  • Loading branch information
skyclouds2001 authored May 14, 2024
1 parent 04b8840 commit 6abd7c8
Showing 1 changed file with 65 additions and 0 deletions.
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}}

0 comments on commit 6abd7c8

Please sign in to comment.