JavaScript:Библиотеки/p5.dom/createFileInput(): различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) Нет описания правки |
Нет описания правки |
||
Строка 14: | Строка 14: | ||
Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее: | Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее: | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | <script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 20: | Строка 20: | ||
==Синтаксис== | ==Синтаксис== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
createFileInput([callback], [multiple]) | createFileInput([callback], [multiple]) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 26: | Строка 26: | ||
==Параметры== | ==Параметры== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
callback – функция обратного вызова, которая будет вызвана после того, как файл будет загружен. Тип данных – функция | callback – функция обратного вызова, которая будет вызвана после того, как файл будет загружен. Тип данных – функция | ||
multiple – опциональный параметр, позволяющий выбрать сразу несколько файлов. Тип данных – String | multiple – опциональный параметр, позволяющий выбрать сразу несколько файлов. Тип данных – String | ||
Строка 33: | Строка 33: | ||
==Возвращаемое значение== | ==Возвращаемое значение== | ||
<syntaxhighlight lang="javascript | <syntaxhighlight lang="javascript"> | ||
Указатель на p5.Element, содержащий созданный DOM-элемент. Тип данных – объект, p5.Element. | Указатель на p5.Element, содержащий созданный DOM-элемент. Тип данных – объект, p5.Element. | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Строка 39: | Строка 39: | ||
==Пример== | ==Пример== | ||
<syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS | <syntaxhighlight lang="javascript" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS"> | ||
var input; | var input; | ||
var img; | var img; |
Текущая версия от 18:14, 14 мая 2023
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
Черновик |
createFileInput() [1]
Описание
Создает в DOM компонент для выбора файла при помощи элемента <input></input>. Это позволяет выбирать файлы, хранящиеся на ПК, для дальнейшего использования в скетче.
Чтобы воспользоваться этой функцией, необходимо подключить библиотеку p5.dom. Для этого в заголовке своего файла «index.html» впишите следующее:
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"></script>
Синтаксис
createFileInput([callback], [multiple])
Параметры
callback – функция обратного вызова, которая будет вызвана после того, как файл будет загружен. Тип данных – функция
multiple – опциональный параметр, позволяющий выбрать сразу несколько файлов. Тип данных – String
Возвращаемое значение
Указатель на p5.Element, содержащий созданный DOM-элемент. Тип данных – объект, p5.Element.
Пример
var input;
var img;
function setup() {
input = createFileInput(handleFile);
input.position(0, 0); }
function draw() {
if (img) {
image(img, 0, 0, width, height); } }
function handleFile(file) {
print(file);
if (file.type === 'image') {
img = createImg(file.data);
img.hide(); } }