You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 4-binary/04-file/article.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -15,7 +15,7 @@ new File(fileParts, fileName, [options])
15
15
-**`options`** -- необязательный объект:
16
16
-**`lastModified`** -- timestamp (целочисленная дата) последнего изменения.
17
17
18
-
Во-вторых, чаще всего мы получаем файл из `<input type="file">` или drag'n'drop, или других интерфейсов браузера. Затем этот файл получает нужную информацию из ОС.
18
+
Во-вторых, чаще всего мы получаем файл из `<input type="file">` или через перетаскивание с помощью мыши, или других интерфейсов браузера. Затем этот файл получает нужную информацию из ОС.
19
19
20
20
Например:
21
21
@@ -104,24 +104,24 @@ function readFile(input) {
104
104
```
105
105
106
106
107
-
```smart header="`FileReaderSync` доступен только для Web Worker'ов"
108
-
Для Web Worker'ов существует также и синхронный вариант `FileReader`, именуемый [FileReaderSync](https://www.w3.org/TR/FileAPI/#FileReaderSync).
107
+
```smart header="`FileReaderSync` доступен только для веб-воркеров"
108
+
Для веб-воркеров существует также и синхронный вариант `FileReader`, именуемый [FileReaderSync](https://www.w3.org/TR/FileAPI/#FileReaderSync).
109
109
110
110
Его методы считывания `read*` не генерируют события, а скорее возвращают результат, как это делают обычные функции.
111
111
112
-
Но это только внутри Web Worker'а, поскольку задержки и зависания в Web Worker'ах менее важны, они не влияют на страницу.
112
+
Но это только внутри веб-воркера, поскольку задержки и зависания в веб-воркерах менее важны, они не влияют на страницу.
113
113
```
114
114
115
115
## Итого
116
116
117
117
`File` объекты наследуют от `Blob`.
118
118
119
-
Помимо методов и свойств `Blob`, объекты `File` также имеют свойства `fileName` и `lastModified` плюс внутреннюю возможность чтения из файловой системы. Обычно мы получаем `File`объекты из пользовательского ввода, такого как`<input>` или drag'n'drop.
119
+
Помимо методов и свойств `Blob`, объекты `File` также имеют свойства `fileName` и `lastModified` плюс внутреннюю возможность чтения из файловой системы. Обычно мы получаем объекты `File` из пользовательского ввода, например, через`<input>` или перетаскиванием с помощью мыши.
120
120
121
121
Объекты `FileReader` могут читать из файла или Blob в одном из трёх форматов:
122
122
- Строка (`readAsText`).
123
123
-`ArrayBuffer` (`readAsArrayBuffer`).
124
124
- Данные в формате base64 для URL (`readAsDataURL`).
125
125
126
-
Однако, во многих случаях нам не нужно читать содержимое файла. Как и в случае с Blob, мы можем создать короткий url с помощью `URL.createObjectURL(file)` и назначить его для`<a>` или `<img>`. Таким образом, файл может быть загружен или показан в виде изображения, как часть canvas и т.д.
126
+
Однако, во многих случаях нам не нужно читать содержимое файла. Как и в случае с Blob, мы можем создать короткий URL с помощью `URL.createObjectURL(file)` и использовать его в теге`<a>` или `<img>`. Таким образом, файл может быть загружен или показан в виде изображения, как часть canvas и т.д.
127
127
И если мы собираемся отправить `File` по сети, то это также легко, поскольку сетевой API, такой как `XMLHttpRequest` или `fetch`, изначально принимает объекты `File`.
0 commit comments