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

File and FileReader #512

Merged
merged 5 commits into from
Nov 1, 2019
Merged

Conversation

bemself
Copy link
Collaborator

@bemself bemself commented Oct 26, 2019

目标章节:4-binary/04-file/article

当前上游最新 commit:0cf94e8f3

所做更改如下:

文件名 参考上游 commit 更改(理由)
article.md 0cf94e8 新翻译首次提交

@CLAassistant
Copy link

CLAassistant commented Oct 26, 2019

CLA assistant check
All committers have signed the CLA.

Copy link
Member

@MartinsYong MartinsYong left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

校对完毕,感谢翻译~


Second, more often we get a file from `<input type="file">` or drag'n'drop or other browser interfaces. Then the file gets these from OS.
其次,我们经常从 `<input type="file">` 或 拖拽 或 其他浏览器接口来获取。 然后,再从操作系统(OS) 中获取文件。
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[拖拽]这里两边的空格可以去掉

- `readAsDataURL(blob)` -- to base64 data url.
因此我们可以用它将一个 blob 转换为其他格式:
- `readAsArrayBuffer(blob)` -- 转换为 `ArrayBuffer`,
- `readAsText(blob, [encoding])` -- 转换为字符串(替代 `TextDecoder`),
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[替代 TextDecoder] -> [TextDecoder 的一个替代]

```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,还有一种同步的 `FileReader` 类型,称为 [FileReaderSync](https://www.w3.org/TR/FileAPI/#FileReaderSync)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[类型] -> [变体]


Its reading methods `read*` do not generate events, but rather return a result, as regular functions do.
FileReader 的读取方法 `read*` 并不生成事件,而是会和普通函数一样返回一个结果。
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

行首多了一个空格


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 `<input>` or drag'n'drop.
除了 `Blob` 方法和属性,`File` 对象还有 `fileName` `lastModified` 属性,以及从文件系统读取的内部方法。 我们通常从用户输入如 `<input>` 或 拖拽(drag'n'drop)来获取 `File` 对象。
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[拖拽]前多了一个空格


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 `<a>` or `<img>`. This way the file can be downloaded or shown up as an image, as a part of canvas etc.
但是,多数情况下,我们不必读取文件内容。正如我们处理 blobs 一样,我们可以通过 `URL.createObjectURL(file)` 创建一个短小的 url,并将其指定给 `<a>` `<img>`。 这样,文件便可以下载或者呈现为图像,作为画布(canvas)等的一部分。
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[指定给] -> [赋值给]

@javascript-translate-bot

Please make the requested changes. After it, add a comment "/done".
Then I'll ask for a new review 👻

@bemself
Copy link
Collaborator Author

bemself commented Oct 31, 2019

/done

@MartinsYong MartinsYong merged commit e94be7d into javascript-tutorial:master Nov 1, 2019
@javascript-translate-bot

Thank you 💖 I updated the Progress Issue #324 🎉 🎉 🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants