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

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

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


Черновик


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

См.также

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