JavaScript:Библиотеки/p5.dom/createFileInput()

Материал из Онлайн справочника
Версия от 18:14, 14 мая 2023; EducationBot (обсуждение | вклад)
(разн.) ← Предыдущая версия | Текущая версия (разн.) | Следующая версия → (разн.)
Перейти к навигацииПерейти к поиску

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Черновик


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(); } }

См.также

Внешние ссылки