Давайте для начала уберём всё лишнее, нарисуем аккуратно, дадим заменять файл и напишем однозначное сообщение об ошибке:
Предусмотрим обратную связь при перетаскивании и наведении:
При клике пусть открывается стандартный диалог выбора файла. Кстати, заменяться файл должен даже если не нажать «Удалить». То, что кнопка появляется в самой форме, меня не смущает. Если после внедрения вдруг окажется, что люди не понимают, как загрузить, можно будет дописать каких‑то слов.
Кажется, в месте, где пишем, что файл слишком большой, стоит указать максимально допустимый размер.
А если «Загрузите» сделать ссылкой, при клике на которую открывается окно выбора файла с компьютера?
Александра, в предложенном Ильёй варианте вся область работает такой ссылкой и реагирует на наведение мыши. См. последнюю картинку совета.
А не нужно ли показывать прогресс бар?
И разве нельзя не допустить загрузку больших файлов? Ждать, пока загрузится 200мб, чтобы потом выяснить, что облажался, — так себе.
Андрей, яваскрипт может проверить размер и тип выбранного файла ещё до загрузки: пример на Стэковерфлоу. Так что сообщение об ошибке появится сразу — не после загрузки, а вместо неё.
Насколько эффективны манипуляции?
Нет доступа к камере
В каких случаях уместно писать только прописными?
Табличка Формулы‑1
Как оптимизировать процесс оценки текста и не задерживать выпуск?