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

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Версия для печати больше не поддерживается и может содержать ошибки обработки. Обновите закладки браузера и используйте вместо этого функцию печати браузера по умолчанию.

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


Черновик


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

См.также

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