Как реализовать drag and drop изображении в инпуты с возможностью ограничить кол-во файлов?

Question

[Rakhmonov]

Здравствуйте, не могу реализовать drag and drop изображений в input (их несколько), чтобы больше 10 файлов не принимал и показывал миниатюры изображений. Структура inputа:

<input type="hidden" name="PHOTO[1][0]" value="">
 <input type="file" size="30" name="PHOTO_FILE_1_0"><br>
 <input type="hidden" name="PHOTO[1][1]" value="">
 <input type="file" size="30" name="PHOTO_FILE_1_1"><br>
 <input type="hidden" name="PHOTO[1][2]" value="">
 <input type="file" size="30" name="PHOTO_FILE_1_2"><br>
 <input type="hidden" name="PHOTO[1][3]" value="">
 <input type="file" size="30" name="PHOTO_FILE_1_3"><br>
 <input type="hidden" name="PHOTO[1][4]" value="">
 <input type="file" size="30" name="PHOTO_FILE_1_4"><br>

Менять структуру инпутов не получиться так, как они созданы в CMS. Внешнее выглядит так

В общем функционал как у юлы (разместить объявления)