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

Материал из Онлайн справочника
Перейти к навигации Перейти к поиску

Перевод: Максим Кузьмин (Cubewriter) Контакты:</br>* Skype: cubewriter</br>* E-mail: cubewriter@gmail.com</br>* Максим Кузьмин на freelance.ru
Проверка/Оформление/Редактирование: Мякишев Е.А.


Pixel Art Mini Meow Animated.gif Черновик


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.

Пример

 1 var input;
 2 var img;
 3 function setup() { 
 4 	input = createFileInput(handleFile); 
 5 	input.position(0, 0); } 
 6 function draw() { 
 7 	if (img) { 
 8 		image(img, 0, 0, width, height); } } 
 9 function handleFile(file) { 
10 	print(file); 
11 	if (file.type === 'image') { 
12 		img = createImg(file.data); 
13 		img.hide(); } }

См.также

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