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