Продовжуємо практикуватися і сьогодні ми почнемо створювати drag and drop завантаження файлів на сервер.
Завантажені файли:
Тут все просто: блок з #dropzone буде нашою областю для завантаження файлів, а блок з #uploads буде містити в собі ненумерований список, де будуть виводитися імена завантажених файлів.
body background: rgba (211,211,100. 5);
font: 20px Arial;
>
dropzone width: 300px;
height: 300px;
border: 2px dashed #aaa;
color: #aaa;
line-height: 280px;
text-align: center;
position: absolute;
left: 50%;
margin-left: -150px;
top: 50%;
margin-top: -150px;
>
dropzone.dragover color: green;
border: 2px dashed # 000;
>
На цьому закінчимо і ось, що ми маємо зараз:
Запропонуйте цю статтю друзям:
Якщо Вам сподобався сайт, то розмістіть посилання на нього (у себе на сайті, на форумі, в контакті):
Вона виглядає ось так: