update trans

Author: bemself

4-binary/04-file/article.md

@@ -1,6 +1,6 @@
-# 文件(File)和文件读取(FileReader)
+# 文件（File）和文件读取（FileReader）
 
-文件对象 [File](https://www。w3。org/TR/FileAPI/#dfn-file) 继承自 Blob，并扩展了文件系统相关的功能。 
+文件对象 [File](https://www.w3.org/TR/FileAPI/#dfn-file) 继承自 Blob，并扩展了文件系统相关的功能。 
 
 获取文件对象的方法有两种。
 
@@ -13,9 +13,9 @@ new File(fileParts, fileName, [options])
 - **`fileParts`** -- Blob/BufferSource/String 类型值的数组，同 `Blob`。
 - **`fileName`** -- 文件名字符串。
 - **`options`** -- 可选对象:
-    - **`lastModified`** -- 上次更新的时间戳 (整型日期)。
+    - **`lastModified`** -- 上次更新的时间戳（整型日期）。
 
-其次，我们经常从 `<input type="file">` 或 拖曳 或 其他浏览器接口来获取。 然后，文件再从操作系统 (OS) 中获取。
+其次，我们经常从 `<input type="file">` 或 拖拽 或 其他浏览器接口来获取。 然后，再从操作系统（OS) 中获取文件。
 
 例如:
 
@@ -33,14 +33,14 @@ function showFile(input) {
 ```
 
 ```smart
-输入可以选择多个文件，隐藏 `input.files` 是类似数组的对象。 此处我们只有一个文件，隐藏我们只取 `input.files[0]`。
+输入（input）可以选择多个文件， 因此 `input.files` 是类似数组的对象。 此处我们只有一个文件，因此我们只取 `input.files[0]`。
 ```
 
-## 文件读取(FileReader)
+## 文件读取（FileReader）
 
-文件读取 [FileReader](https://www.w3.org/TR/FileAPI/#dfn-filereader) 是从 Blob (以及 `File` ) 对象中读取数据的对象。
+文件读取 [FileReader](https://www.w3.org/TR/FileAPI/#dfn-filereader) 是从 Blob（以及 `File` ）对象中读取数据的对象。
 
-由于从磁盘读取数据可能比较费时间，FileReader 通过事件(events)来传递数据。
+由于从磁盘读取数据可能比较费时间，FileReader 通过事件（events）来传递数据。
 
 构造函数:
 
@@ -51,7 +51,7 @@ let reader = new FileReader(); // 无参构造
 主要方法:
 
 - **`readAsArrayBuffer(blob)`** -- 读取数据为 `ArrayBuffer`
-- **`readAsText(blob, [encoding])`** -- 读取数据为字符串 (默认 `utf-8` 编码)
+- **`readAsText(blob, [encoding])`** -- 读取数据为字符串（默认 `utf-8` 编码）
 - **`readAsDataURL(blob)`** -- 将数据编码为 base64 的数据 url。
 - **`abort()`** -- 取消操作。
 
@@ -64,8 +64,8 @@ let reader = new FileReader(); // 无参构造
 - `loadend` -- 读取完成，或成功或失败。
 
 读取完成后，我们可以如此访问读取的结果:
-- `reader.result` 是结果 (如成功)
-- `reader.error` 是错误 (如失败)。
+- `reader.result` 是结果（如成功）
+- `reader.error` 是错误（如失败）。
 
 用的最广泛的事件无疑是 `load` 和 `error`。
 
@@ -95,11 +95,11 @@ function readFile(input) {
 ```
 
 ```smart header="`FileReader` 用于 blobs"
-在 <info:blob> 一章中我们提到，`FileReader` 适用于任何块(blobs)，不仅仅适用于文件。
+在 <info:blob> 一章中我们提到，`FileReader` 适用于任何块（blobs），不仅仅适用于文件。
 
 因此我们可以用它将一个 blob 转换为其他格式:
 - `readAsArrayBuffer(blob)` -- 转换为 `ArrayBuffer`,
-- `readAsText(blob, [encoding])` -- 转换为字符串 (替代 `TextDecoder`),
+- `readAsText(blob, [encoding])` -- 转换为字符串（替代 `TextDecoder`）,
 - `readAsDataURL(blob)` -- 转换为 base64 的数据 url。
 ```
 
@@ -109,20 +109,20 @@ function readFile(input) {
 
  FileReader 的读取方法 `read*` 并不生成事件，而是会和普通函数一样返回一个结果。
 
-不过，那只是在 Web Worker 内部， 因为在读取文件的时候，同步调用会有延迟，而在 Web Workers 则不是很重要。 并不会影响页面。
+不过，那只是在 Web Worker 内部，因为在读取文件的时候，同步调用会有延迟，而在 Web Workers 则不是很重要，并不会影响页面。
 ```
 
 ## 总结
 
 `File` 对象继承自 `Blob`。
 
-除了 `Blob` 方法和属性，`File` 对象还有 `fileName` 和 `lastModified` 属性，以及从文件系统读取的内部方法。 我们通常从用户输入如 `<input>` 或 拖拽(drag'n'drop) 来获取 `File` 对象。
+除了 `Blob` 方法和属性，`File` 对象还有 `fileName` 和 `lastModified` 属性，以及从文件系统读取的内部方法。 我们通常从用户输入如 `<input>` 或 拖拽（drag'n'drop）来获取 `File` 对象。
 
 `FileReader` 对象可以从文件或 blob 读取以下三种格式:
-- String (`readAsText`)。
+- 字符串 (`readAsText`)。
 - `ArrayBuffer` (`readAsArrayBuffer`)。
-- Data url，base-64 编码 (`readAsDataURL`)。
+- 数据 url，base-64 编码（`readAsDataURL`)。
 
-但是，多数情况下，我们不必读取文件内容。 正如我们处理 blobs 一样，我们可以通过  `URL。createObjectURL(file)` 创建一个短小的 url，并将其指定给 `<a>` 或 `<img>`。 这样，文件便可以下载或者呈现为图像，作为画布(canvas)等的一部分。 
+但是，多数情况下，我们不必读取文件内容。正如我们处理 blobs 一样，我们可以通过  `URL.createObjectURL(file)` 创建一个短小的 url，并将其指定给 `<a>` 或 `<img>`。 这样，文件便可以下载或者呈现为图像，作为画布（canvas）等的一部分。 
 
-而且，如果我们要通过网络发送一个文件(`File`)，也简单，因为网络 API 如 `XMLHttpRequest` 或 `fetch` 本质上都接受 `File` 对象。
+而且，如果我们要通过网络发送一个文件（`File`），也简单，因为网络 API 如 `XMLHttpRequest` 或 `fetch` 本质上都接受 `File` 对象。