Skip to content

Commit a1a1f7f

Browse files
committed
4-binary/04-file ru translation: edits
1 parent 35ebb06 commit a1a1f7f

1 file changed

Lines changed: 14 additions & 14 deletions

File tree

4-binary/04-file/article.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# File и FileReader
22

3-
Объект [File](https://www.w3.org/TR/FileAPI/#dfn-file) наследуется от объекта `Blob`, но дополняется возможностями подобных файловых систем.
3+
Объект [File](https://www.w3.org/TR/FileAPI/#dfn-file) наследуется от объекта `Blob`, но также дополняется способностью взаимодействовать с файловой системой.
44

55
Есть два способа его получить.
66

@@ -15,7 +15,7 @@ new File(fileParts, fileName, [options])
1515
- **`options`** -- необязательный объект:
1616
- **`lastModified`** -- timestamp (целочисленная дата) последнего изменения.
1717

18-
Во-вторых, чаще всего мы получаем файл из `<input type="file">`, или drag'n'drop, или других интерфейсов браузера. Затем этот файл получает нужную информацию из ОС.
18+
Во-вторых, чаще всего мы получаем файл из `<input type="file">` или drag'n'drop, или других интерфейсов браузера. Затем этот файл получает нужную информацию из ОС.
1919

2020
Например:
2121

@@ -26,14 +26,14 @@ new File(fileParts, fileName, [options])
2626
function showFile(input) {
2727
let file = input.files[0];
2828
29-
alert(`File name: ${file.name}`); // например my.png
30-
alert(`Last modified: ${file.lastModified}`); // например 1552830408824
29+
alert(`File name: ${file.name}`); // например, my.png
30+
alert(`Last modified: ${file.lastModified}`); // например, 1552830408824
3131
}
3232
</script>
3333
```
3434

3535
```smart
36-
Через `<input>` можно выбрать несколько файлов, поэтому `input.files` -- массивоподобный объект выбранных файлов. Здесь у нас только один файл, поэтому мы просто берем `input.files[0]`.
36+
Через `<input>` можно выбрать несколько файлов, поэтому `input.files` -- массивоподобный объект выбранных файлов. Здесь у нас только один файл, поэтому мы просто берём `input.files[0]`.
3737
```
3838

3939
## FileReader
@@ -52,7 +52,7 @@ let reader = new FileReader(); // без аргументов
5252

5353
- **`readAsArrayBuffer(blob)`** -- считать данные как `ArrayBuffer`
5454
- **`readAsText(blob, [encoding])`** -- считать данные как строку (кодировка по умолчанию: `utf-8`)
55-
- **`readAsDataURL(blob)`** -- считать данные как base64 (data: URL).
55+
- **`readAsDataURL(blob)`** -- считать данные в формате base64 для URL.
5656
- **`abort()`** -- отменить операцию.
5757

5858
В процессе чтения можно "слушать" следующие события:
@@ -97,10 +97,10 @@ function readFile(input) {
9797
```smart header="`FileReader` для Blob"
9898
Как упоминалось в главе <info:blob>, `FileReader` работает для любых объектов Blob, а не только для файлов.
9999

100-
Поэтому, мы можем использовать его для преобразования Blob в другой формат:
100+
Поэтому мы можем использовать его для преобразования Blob в другой формат:
101101
- `readAsArrayBuffer(blob)` -- в `ArrayBuffer`,
102102
- `readAsText(blob, [encoding])` -- в строку (альтернатива `TextDecoder`),
103-
- `readAsDataURL(blob)` -- в base64 (data: URL).
103+
- `readAsDataURL(blob)` -- в формат base64 для URL.
104104
```
105105
106106
@@ -114,14 +114,14 @@ function readFile(input) {
114114

115115
## Итого
116116

117-
`File` объекты наследуемые от `Blob`.
117+
`File` объекты наследуют от `Blob`.
118118

119-
Помимо методов и свойств `Blob`, объекты `File` также имеют свойства `fileName` и `lastModified`, плюс внутреннюю возможность чтения из файловой системы. Обычно мы получаем `File` объекты из пользовательского ввода, такого как `<input>` или drag'n'drop.
119+
Помимо методов и свойств `Blob`, объекты `File` также имеют свойства `fileName` и `lastModified` плюс внутреннюю возможность чтения из файловой системы. Обычно мы получаем `File` объекты из пользовательского ввода, такого как `<input>` или drag'n'drop.
120120

121-
Объекты `FileReader` могут читать из файла или Blob, в одном из трех форматов:
121+
Объекты `FileReader` могут читать из файла или Blob в одном из трех форматов:
122122
- Строка (`readAsText`).
123123
- `ArrayBuffer` (`readAsArrayBuffer`).
124-
- Data: url, c кодировкой base-64 (`readAsDataURL`).
124+
- Данные в формате base64 для URL (`readAsDataURL`).
125125

126-
Однако во многих случаях нам не нужно читать содержимое файла. Как и в случае с Blob, мы можем создать короткий url с помощью `URL.createObjectURL(file)` и назначить его для `<a>` или `<img>`. Таким образом, файл может быть загружен или показан в виде изображения, как часть canvas и т.д.
127-
И если мы собираемся отправить `File` по сети, это также легко, поскольку сетевой API, такой как `XMLHttpRequest` или `fetch`, изначально принимает объекты `File`.
126+
Однако, во многих случаях нам не нужно читать содержимое файла. Как и в случае с Blob, мы можем создать короткий url с помощью `URL.createObjectURL(file)` и назначить его для `<a>` или `<img>`. Таким образом, файл может быть загружен или показан в виде изображения, как часть canvas и т.д.
127+
И если мы собираемся отправить `File` по сети, то это также легко, поскольку сетевой API, такой как `XMLHttpRequest` или `fetch`, изначально принимает объекты `File`.

0 commit comments

Comments
 (0)