From 38df56eec88e5c0f0c3d21943e3032edd2a198a6 Mon Sep 17 00:00:00 2001 From: bemself Date: Mon, 14 Oct 2019 22:25:03 +0800 Subject: [PATCH 1/5] init zh trans --- 4-binary/04-file/article.md | 72 ++++++++++++++++++------------------- 1 file changed, 36 insertions(+), 36 deletions(-) diff --git a/4-binary/04-file/article.md b/4-binary/04-file/article.md index 281ca211ff..b38e3a167a 100644 --- a/4-binary/04-file/article.md +++ b/4-binary/04-file/article.md @@ -1,10 +1,10 @@ -# File and FileReader +# 文件(File)和文件读取(FileReader) -A [File](https://www.w3.org/TR/FileAPI/#dfn-file) object inherits from `Blob` and is extended with filesystem-related capabilities. +文件对象 [File](https://www.w3.org/TR/FileAPI/#dfn-file) 继承自 Blob, 并扩展了文件系统相关的功能. -There are two ways to obtain it. +获取文件对象的方法有两种. -First, there's a constructor, similar to `Blob`: +首先, 与 Blob 类似, 有构造函数: ```js new File(fileParts, fileName, [options]) @@ -15,9 +15,9 @@ new File(fileParts, fileName, [options]) - **`options`** -- optional object: - **`lastModified`** -- a timestamp (integer date) of last modification. -Second, more often we get a file from `` or drag'n'drop or other browser interfaces. Then the file gets these from OS. +其次, 我们经常从 `` 或 拖曳 或 其他浏览器接口来获取. 然后, 文件再从操作系统(OS)中获取. -For instance: +例如: ```html run @@ -33,43 +33,43 @@ function showFile(input) { ``` ```smart -The input may select multiple files, so `input.files` is an array-like object with them. Here we have only one file, so we just take `input.files[0]`. +输入可以选择多个文件, 隐藏 `input.files` 是类似数组的对象. 此处我们只有一个文件, 隐藏我们只取 `input.files[0]`. ``` -## FileReader +## 文件读取(FileReader) -[FileReader](https://www.w3.org/TR/FileAPI/#dfn-filereader) is an object with the sole purpose of reading data from `Blob` (and hence `File` too) objects. +文件读取 [FileReader](https://www.w3.org/TR/FileAPI/#dfn-filereader) 是从 Blob (以及 `File` ) 对象中读取数据的对象. -It delivers the data using events, as reading from disk may take time. +由于从磁盘读取数据可能比较费时间, FileReader 通过事件(events)来传递数据. -The constructor: +构造函数: ```js -let reader = new FileReader(); // no arguments +let reader = new FileReader(); // 无参构造 ``` -The main methods: +主要方法: -- **`readAsArrayBuffer(blob)`** -- read the data as `ArrayBuffer` +- **`readAsArrayBuffer(blob)`** -- 读取数据为 `ArrayBuffer` - **`readAsText(blob, [encoding])`** -- read the data as a string (encoding is `utf-8` by default) - **`readAsDataURL(blob)`** -- encode the data as base64 data url. - **`abort()`** -- cancel the operation. -As the reading proceeds, there are events: -- `loadstart` -- loading started. -- `progress` -- occurs during reading. -- `load` -- no errors, reading complete. -- `abort` -- `abort()` called. -- `error` -- error has occurred. -- `loadend` -- reading finished with either success or failure. +数据读取期间, 有以下事件: +- `loadstart` -- 开始加载. +- `progress` -- 读取过程中出现. +- `load` -- 读取完毕, 没有错误. +- `abort` -- 调用`abort()` . +- `error` -- 出现错误. +- `loadend` -- 读取完成, 或成功或失败. -When the reading is finished, we can access the result as: -- `reader.result` is the result (if successful) -- `reader.error` is the error (if failed). +读取完成后, 我们可以如此访问读取的结果: +- `reader.result` 是结果 (如成功) +- `reader.error` 是错误 (如失败). -The most widely used events are for sure `load` and `error`. +用的最广泛的事件无疑是 `load` 和 `error`. -Here's an example of reading a file: +以下是读取一个文件的示例: ```html run @@ -104,25 +104,25 @@ So we can use it to convert a blob to another format: ``` -```smart header="`FileReaderSync` is available for workers only" -For Web Workers, there also exists a synchronous variant of `FileReader`, called [FileReaderSync](https://www.w3.org/TR/FileAPI/#FileReaderSync). +```smart header="`FileReaderSync` 只适用于 workers " +对于 Web Workers, there also exists a synchronous variant of `FileReader`, called [FileReaderSync](https://www.w3.org/TR/FileAPI/#FileReaderSync). -Its reading methods `read*` do not generate events, but rather return a result, as regular functions do. + FileReader 的读取方法 `read*` 并不生成事件, 而是会和普通函数一样返回一个结果. -That's only inside a Web Worker though, because delays in synchronous calls, that are possible while reading from files, in Web Workers are less important. They do not affect the page. +不过, 那只是在 Web Worker 内部, 因为同步调用会有延迟, because delays in synchronous calls, that are possible while reading from files, in Web Workers are less important. 并不会影响页面. ``` -## Summary +## 总结 -`File` objects inherit from `Blob`. +`File` 对象继承自 `Blob`. -In addition to `Blob` methods and properties, `File` objects also have `fileName` and `lastModified` properties, plus the internal ability to read from filesystem. We usually get `File` objects from user input, like `` or drag'n'drop. +除了 `Blob` 方法和属性, `File` 对象还有 `fileName` 和 `lastModified` 属性, 以及从文件系统读取的内部方法. 我们通常从用户输入如 `` 或 拖拽(drag'n'drop) 来获取 `File` 对象. -`FileReader` objects can read from a file or a blob, in one of three formats: +`FileReader` 对象可以从文件或 blob 读取以下三种格式: - String (`readAsText`). - `ArrayBuffer` (`readAsArrayBuffer`). - Data url, base-64 encoded (`readAsDataURL`). -In many cases though, we don't have to read the file contents. Just as we did with blobs, we can create a short url with `URL.createObjectURL(file)` and assign it to `` or ``. This way the file can be downloaded or shown up as an image, as a part of canvas etc. +但是, 多数情况下, 我们不必读取文件内容. 正如我们处理 blobs 一样, 我们可以通过 `URL.createObjectURL(file)` 创建一个短 url, 并将其指定给 `` 或 ``. 这样, 文件便可以下载或者呈现为图像, 作为画布(canvas)等的一部分. -And if we're going to send a `File` over a network, that's also easy, as network API like `XMLHttpRequest` or `fetch` natively accepts `File` objects. +而且, 如果我们要通过网络发送一个文件(`File`), 也简单, 因为网络 API 如 `XMLHttpRequest` 或 `fetch` 本质上都接受 `File` 对象. From 37275c9e233ba51a0d34452613194daa60b8514d Mon Sep 17 00:00:00 2001 From: doituself Date: Sat, 26 Oct 2019 16:45:29 +0800 Subject: [PATCH 2/5] update trans --- 4-binary/04-file/article.md | 88 ++++++++++++++++++------------------- 1 file changed, 44 insertions(+), 44 deletions(-) diff --git a/4-binary/04-file/article.md b/4-binary/04-file/article.md index b38e3a167a..cf57c422ed 100644 --- a/4-binary/04-file/article.md +++ b/4-binary/04-file/article.md @@ -1,21 +1,21 @@ # 文件(File)和文件读取(FileReader) -文件对象 [File](https://www.w3.org/TR/FileAPI/#dfn-file) 继承自 Blob, 并扩展了文件系统相关的功能. +文件对象 [File](https://www。w3。org/TR/FileAPI/#dfn-file) 继承自 Blob，并扩展了文件系统相关的功能。 -获取文件对象的方法有两种. +获取文件对象的方法有两种。 -首先, 与 Blob 类似, 有构造函数: +首先，与 Blob 类似，有构造函数: ```js new File(fileParts, fileName, [options]) ``` -- **`fileParts`** -- is an array of Blob/BufferSource/String value, same as `Blob`. -- **`fileName`** -- file name string. -- **`options`** -- optional object: - - **`lastModified`** -- a timestamp (integer date) of last modification. +- **`fileParts`** -- Blob/BufferSource/String 类型值的数组，同 `Blob`。 +- **`fileName`** -- 文件名字符串。 +- **`options`** -- 可选对象: + - **`lastModified`** -- 上次更新的时间戳 (整型日期)。 -其次, 我们经常从 `` 或 拖曳 或 其他浏览器接口来获取. 然后, 文件再从操作系统(OS)中获取. +其次，我们经常从 `` 或 拖曳 或 其他浏览器接口来获取。 然后，文件再从操作系统 (OS) 中获取。 例如: @@ -26,21 +26,21 @@ new File(fileParts, fileName, [options]) function showFile(input) { let file = input.files[0]; - alert(`File name: ${file.name}`); // e.g my.png - alert(`Last modified: ${file.lastModified}`); // e.g 1552830408824 + alert(`File name: ${file.name}`); // 例如 my.png + alert(`Last modified: ${file.lastModified}`); // 例如 1552830408824 } ``` ```smart -输入可以选择多个文件, 隐藏 `input.files` 是类似数组的对象. 此处我们只有一个文件, 隐藏我们只取 `input.files[0]`. +输入可以选择多个文件，隐藏 `input.files` 是类似数组的对象。 此处我们只有一个文件，隐藏我们只取 `input.files[0]`。 ``` ## 文件读取(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,23 +51,23 @@ let reader = new FileReader(); // 无参构造 主要方法: - **`readAsArrayBuffer(blob)`** -- 读取数据为 `ArrayBuffer` -- **`readAsText(blob, [encoding])`** -- read the data as a string (encoding is `utf-8` by default) -- **`readAsDataURL(blob)`** -- encode the data as base64 data url. -- **`abort()`** -- cancel the operation. - -数据读取期间, 有以下事件: -- `loadstart` -- 开始加载. -- `progress` -- 读取过程中出现. -- `load` -- 读取完毕, 没有错误. -- `abort` -- 调用`abort()` . -- `error` -- 出现错误. -- `loadend` -- 读取完成, 或成功或失败. - -读取完成后, 我们可以如此访问读取的结果: +- **`readAsText(blob, [encoding])`** -- 读取数据为字符串 (默认 `utf-8` 编码) +- **`readAsDataURL(blob)`** -- 将数据编码为 base64 的数据 url。 +- **`abort()`** -- 取消操作。 + +数据读取期间，有以下事件: +- `loadstart` -- 开始加载。 +- `progress` -- 读取过程中出现。 +- `load` -- 读取完毕，没有错误。 +- `abort` -- 调用 `abort()` 。 +- `error` -- 出现错误。 +- `loadend` -- 读取完成，或成功或失败。 + +读取完成后，我们可以如此访问读取的结果: - `reader.result` 是结果 (如成功) -- `reader.error` 是错误 (如失败). +- `reader.error` 是错误 (如失败)。 -用的最广泛的事件无疑是 `load` 和 `error`. +用的最广泛的事件无疑是 `load` 和 `error`。 以下是读取一个文件的示例: @@ -94,35 +94,35 @@ function readFile(input) { ``` -```smart header="`FileReader` for blobs" -As mentioned in the chapter , `FileReader` works for any blobs, not just files. +```smart header="`FileReader` 用于 blobs" +在 一章中我们提到，`FileReader` 适用于任何块(blobs)，不仅仅适用于文件。 -So we can use it to convert a blob to another format: -- `readAsArrayBuffer(blob)` -- to `ArrayBuffer`, -- `readAsText(blob, [encoding])` -- to string (an alternative to `TextDecoder`), -- `readAsDataURL(blob)` -- to base64 data url. +因此我们可以用它将一个 blob 转换为其他格式: +- `readAsArrayBuffer(blob)` -- 转换为 `ArrayBuffer`, +- `readAsText(blob, [encoding])` -- 转换为字符串 (替代 `TextDecoder`), +- `readAsDataURL(blob)` -- 转换为 base64 的数据 url。 ``` ```smart header="`FileReaderSync` 只适用于 workers " -对于 Web Workers, there also exists a synchronous variant of `FileReader`, called [FileReaderSync](https://www.w3.org/TR/FileAPI/#FileReaderSync). +对于 Web Workers，还有一种同步的 `FileReader` 类型，称为 [FileReaderSync](https://www.w3.org/TR/FileAPI/#FileReaderSync)。 - FileReader 的读取方法 `read*` 并不生成事件, 而是会和普通函数一样返回一个结果. + FileReader 的读取方法 `read*` 并不生成事件，而是会和普通函数一样返回一个结果。 -不过, 那只是在 Web Worker 内部, 因为同步调用会有延迟, because delays in synchronous calls, that are possible while reading from files, in Web Workers are less important. 并不会影响页面. +不过，那只是在 Web Worker 内部， 因为在读取文件的时候，同步调用会有延迟，而在 Web Workers 则不是很重要。 并不会影响页面。 ``` ## 总结 -`File` 对象继承自 `Blob`. +`File` 对象继承自 `Blob`。 -除了 `Blob` 方法和属性, `File` 对象还有 `fileName` 和 `lastModified` 属性, 以及从文件系统读取的内部方法. 我们通常从用户输入如 `` 或 拖拽(drag'n'drop) 来获取 `File` 对象. +除了 `Blob` 方法和属性，`File` 对象还有 `fileName` 和 `lastModified` 属性，以及从文件系统读取的内部方法。 我们通常从用户输入如 `` 或 拖拽(drag'n'drop) 来获取 `File` 对象。 `FileReader` 对象可以从文件或 blob 读取以下三种格式: -- String (`readAsText`). -- `ArrayBuffer` (`readAsArrayBuffer`). -- Data url, base-64 encoded (`readAsDataURL`). +- String (`readAsText`)。 +- `ArrayBuffer` (`readAsArrayBuffer`)。 +- Data url，base-64 编码 (`readAsDataURL`)。 -但是, 多数情况下, 我们不必读取文件内容. 正如我们处理 blobs 一样, 我们可以通过 `URL.createObjectURL(file)` 创建一个短 url, 并将其指定给 `` 或 ``. 这样, 文件便可以下载或者呈现为图像, 作为画布(canvas)等的一部分. +但是，多数情况下，我们不必读取文件内容。 正如我们处理 blobs 一样，我们可以通过 `URL。createObjectURL(file)` 创建一个短小的 url，并将其指定给 `` 或 ``。 这样，文件便可以下载或者呈现为图像，作为画布(canvas)等的一部分。 -而且, 如果我们要通过网络发送一个文件(`File`), 也简单, 因为网络 API 如 `XMLHttpRequest` 或 `fetch` 本质上都接受 `File` 对象. +而且，如果我们要通过网络发送一个文件(`File`)，也简单，因为网络 API 如 `XMLHttpRequest` 或 `fetch` 本质上都接受 `File` 对象。 From 0cf94e8f39ef37c59b40055ee4b03906ee964151 Mon Sep 17 00:00:00 2001 From: bemself Date: Sat, 26 Oct 2019 20:38:49 +0800 Subject: [PATCH 3/5] update trans --- 4-binary/04-file/article.md | 38 ++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/4-binary/04-file/article.md b/4-binary/04-file/article.md index cf57c422ed..3b4e03343c 100644 --- a/4-binary/04-file/article.md +++ b/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`** -- 上次更新的时间戳（整型日期）。 -其次，我们经常从 `` 或 拖曳 或 其他浏览器接口来获取。 然后，文件再从操作系统 (OS) 中获取。 +其次，我们经常从 `` 或 拖拽 或 其他浏览器接口来获取。 然后，再从操作系统（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" -在 一章中我们提到，`FileReader` 适用于任何块(blobs)，不仅仅适用于文件。 +在 一章中我们提到，`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` 属性，以及从文件系统读取的内部方法。 我们通常从用户输入如 `` 或 拖拽(drag'n'drop) 来获取 `File` 对象。 +除了 `Blob` 方法和属性，`File` 对象还有 `fileName` 和 `lastModified` 属性，以及从文件系统读取的内部方法。 我们通常从用户输入如 `` 或 拖拽（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，并将其指定给 `` 或 ``。 这样，文件便可以下载或者呈现为图像，作为画布(canvas)等的一部分。 +但是，多数情况下，我们不必读取文件内容。正如我们处理 blobs 一样，我们可以通过 `URL.createObjectURL(file)` 创建一个短小的 url，并将其指定给 `` 或 ``。 这样，文件便可以下载或者呈现为图像，作为画布（canvas）等的一部分。 -而且，如果我们要通过网络发送一个文件(`File`)，也简单，因为网络 API 如 `XMLHttpRequest` 或 `fetch` 本质上都接受 `File` 对象。 +而且，如果我们要通过网络发送一个文件（`File`），也简单，因为网络 API 如 `XMLHttpRequest` 或 `fetch` 本质上都接受 `File` 对象。 From b38c7ec1eeae6c24de8a971104ff55a6af275e6d Mon Sep 17 00:00:00 2001 From: bemself Date: Thu, 31 Oct 2019 21:49:10 +0800 Subject: [PATCH 4/5] Make changes after 1st review --- 4-binary/04-file/article.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/4-binary/04-file/article.md b/4-binary/04-file/article.md index 3b4e03343c..4636c29499 100644 --- a/4-binary/04-file/article.md +++ b/4-binary/04-file/article.md @@ -15,7 +15,7 @@ new File(fileParts, fileName, [options]) - **`options`** -- 可选对象: - **`lastModified`** -- 上次更新的时间戳（整型日期）。 -其次，我们经常从 `` 或 拖拽 或 其他浏览器接口来获取。 然后，再从操作系统（OS) 中获取文件。 +其次，我们经常从 `` 或拖拽或其他浏览器接口来获取。 然后，再从操作系统（OS) 中获取文件。 例如: @@ -99,15 +99,15 @@ function readFile(input) { 因此我们可以用它将一个 blob 转换为其他格式: - `readAsArrayBuffer(blob)` -- 转换为 `ArrayBuffer`, -- `readAsText(blob, [encoding])` -- 转换为字符串（替代 `TextDecoder`）, +- `readAsText(blob, [encoding])` -- 转换为字符串（`TextDecoder`的一个替代）, - `readAsDataURL(blob)` -- 转换为 base64 的数据 url。 ``` ```smart header="`FileReaderSync` 只适用于 workers " -对于 Web Workers，还有一种同步的 `FileReader` 类型，称为 [FileReaderSync](https://www.w3.org/TR/FileAPI/#FileReaderSync)。 +对于 Web Workers，还有一种同步的 `FileReader` 变体，称为 [FileReaderSync](https://www.w3.org/TR/FileAPI/#FileReaderSync)。 - FileReader 的读取方法 `read*` 并不生成事件，而是会和普通函数一样返回一个结果。 +FileReader 的读取方法 `read*` 并不生成事件，而是会和普通函数一样返回一个结果。 不过，那只是在 Web Worker 内部，因为在读取文件的时候，同步调用会有延迟，而在 Web Workers 则不是很重要，并不会影响页面。 ``` @@ -116,13 +116,13 @@ function readFile(input) { `File` 对象继承自 `Blob`。 -除了 `Blob` 方法和属性，`File` 对象还有 `fileName` 和 `lastModified` 属性，以及从文件系统读取的内部方法。 我们通常从用户输入如 `` 或 拖拽（drag'n'drop）来获取 `File` 对象。 +除了 `Blob` 方法和属性，`File` 对象还有 `fileName` 和 `lastModified` 属性，以及从文件系统读取的内部方法。 我们通常从用户输入如 `` 或拖拽（drag'n'drop）来获取 `File` 对象。 `FileReader` 对象可以从文件或 blob 读取以下三种格式: - 字符串 (`readAsText`)。 - `ArrayBuffer` (`readAsArrayBuffer`)。 - 数据 url，base-64 编码（`readAsDataURL`)。 -但是，多数情况下，我们不必读取文件内容。正如我们处理 blobs 一样，我们可以通过 `URL.createObjectURL(file)` 创建一个短小的 url，并将其指定给 `` 或 ``。 这样，文件便可以下载或者呈现为图像，作为画布（canvas）等的一部分。 +但是，多数情况下，我们不必读取文件内容。正如我们处理 blobs 一样，我们可以通过 `URL.createObjectURL(file)` 创建一个短小的 url，并将其赋值给 `` 或 ``。 这样，文件便可以下载或者呈现为图像，作为画布（canvas）等的一部分。 而且，如果我们要通过网络发送一个文件（`File`），也简单，因为网络 API 如 `XMLHttpRequest` 或 `fetch` 本质上都接受 `File` 对象。 From 2e7c4d722edbc123c1c2d367e4b8acb232f887a2 Mon Sep 17 00:00:00 2001 From: Martin Date: Fri, 1 Nov 2019 20:01:31 +0800 Subject: [PATCH 5/5] =?UTF-8?q?fix:=20=E4=B8=80=E7=82=B9=E5=B0=8F=E6=9B=B4?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 4-binary/04-file/article.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/4-binary/04-file/article.md b/4-binary/04-file/article.md index 4636c29499..6c0e3c82d2 100644 --- a/4-binary/04-file/article.md +++ b/4-binary/04-file/article.md @@ -99,7 +99,7 @@ function readFile(input) { 因此我们可以用它将一个 blob 转换为其他格式: - `readAsArrayBuffer(blob)` -- 转换为 `ArrayBuffer`, -- `readAsText(blob, [encoding])` -- 转换为字符串（`TextDecoder`的一个替代）, +- `readAsText(blob, [encoding])` -- 转换为字符串（`TextDecoder` 的一个可替代方法）, - `readAsDataURL(blob)` -- 转换为 base64 的数据 url。 ``` @@ -123,6 +123,6 @@ FileReader 的读取方法 `read*` 并不生成事件，而是会和普通函数 - `ArrayBuffer` (`readAsArrayBuffer`)。 - 数据 url，base-64 编码（`readAsDataURL`)。 -但是，多数情况下，我们不必读取文件内容。正如我们处理 blobs 一样，我们可以通过 `URL.createObjectURL(file)` 创建一个短小的 url，并将其赋值给 `` 或 ``。 这样，文件便可以下载或者呈现为图像，作为画布（canvas）等的一部分。 +但是，多数情况下，我们不必读取文件内容。正如我们处理 blobs 一样，我们可以通过 `URL.createObjectURL(file)` 创建一个短小的 url，并将其赋给 `` 或 ``。 这样，文件便可以下载或者呈现为图像，作为画布（canvas）等的一部分。 而且，如果我们要通过网络发送一个文件（`File`），也简单，因为网络 API 如 `XMLHttpRequest` 或 `fetch` 本质上都接受 `File` 对象。