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

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

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

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

ОБНОВИТЬ Итак, я понял, как делать то, что я хочу. Просто установите непрозрачность поля ввода файла на 1, чтобы он был скрыт, и вы все равно можете перетащить файл в эту общую область, и если вы нажмете на текстовое поле, он поймает его. ОДНАКО, я хотел бы знать, как увеличить высоту / ширину в поле ввода файла (пробовал базовый CSS для файла, но он только увеличивает размер кнопки «обзор», а не фактическое поле, куда вы можете поместить файл. Любые идеи, как это сделать? Я в основном хочу большой квадратный div с надписью «Drop file here». Поэтому мне нужно изменить размер поля ввода.