JQuery - Drag n Drop Files - Как получить информацию о файле?

Заинтересован в создании моего собственного загрузчика файлов drag'n'drop с использованием JQuery / AJAX / PHP .

Обычно мне нужен загрузчик файлов, который пользователи моего сайта могут просто перетаскивать со своего компьютера в созданный мной div, а затем загружать файл для них в выбранное место назначения.

Я хотел бы создать это с нуля и не использовать какие-либо плагины, чтобы я мог лучше управлять ограничениями (типы файлов, размер, папки назначения и т. Д.)

Обыскал Google безуспешно, только плагины. Могу ли я в любом случае направить меня в правильном направлении?

UPDATE Хорошо, я понял, как делать то, что хочу. Просто установите непрозрачность поля ввода файла на 1, чтобы он был скрыт, и вы все равно можете перетащить файл в эту общую область, и если вы нажмете текстовое поле, он поймает его. ОДНАКО, я хотел бы знать, как увеличить высоту / ширину в поле ввода файла (пробовал базовый css в файле, но он увеличивает только размер кнопки просмотра, а не фактическое поле, в которое вы можете перетащить файл. Есть идеи, как это сделать? Мне нужен большой квадратный div с надписью "Перетащите сюда файл". Поэтому мне нужно изменить размер поля ввода.