Input[type=file] отключить возможность клика при этом оставить drag and drop

@Алексей_КЛНН · Регистрация: 11.01.2019

Студворк — интернет-сервис помощи студентам

Доброго времени суток!
Скажите, реально ли, или как запретить открытие файла в input file кликом по инпуту при этом оставить возможность загрузки файла при помощи перетаскивания? Знаю что можно сделать свое drag and drop api на любом контейнере и вызывать функцию клика по инпуту при том что сам инпут display: none, но это не интересно

@DimaDima1985 · 13.03.2021, 00:26

Проверил через preventDefault(), получилось:

HTML5
1
2
3
<form>
<input type="file" id="inputFile">
</form>

JavaScript
1
2
3
4
5
6
7
8
var inputFile = document.getElementById('inputFile');
 
inputFile.addEventListener('click', handleInputFileClick);
 
function handleInputFileClick(e)
{
    e.preventDefault();
}

Файл перетаскивается, клик не кликается.

@Алексей_КЛНН · 13.03.2021, 00:53 **[ТС]**

DimaDima1985, вы гений! Я не додумался)
Все гениальное - просто, в очередной раз доказано!

Новые блоги и статьи Все статьи Все блоги /
Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .

@Алексей_КЛНН 0 / 0 / 0 Регистрация: 11.01.2019 Сообщений: 56

	Input[type=file] отключить возможность клика при этом оставить drag and drop 12.03.2021, 23:32. Показов 3210. Ответов 2 Метки нет (Все метки) Доброго времени суток! Скажите, реально ли, или как запретить открытие файла в input file кликом по инпуту при этом оставить возможность загрузки файла при помощи перетаскивания? Знаю что можно сделать свое drag and drop api на любом контейнере и вызывать функцию клика по инпуту при том что сам инпут display: none, но это не интересно 0

@Алексей_КЛНН 0 / 0 / 0 Регистрация: 11.01.2019 Сообщений: 56
	13.03.2021, 00:53 [ТС]
	DimaDima1985, вы гений! Я не додумался) Все гениальное - просто, в очередной раз доказано! 0

Input[type=file] отключить возможность клика при этом оставить drag and drop

Решение