Прикрепление файлов drag and drop в форме контактов?

Question

[Sergey750il]

Доброго времени суток. Хочу сделать drag and drop прикрепление файлов в контактной форме, в настоящий момент используется плагин Contact From 7 для WordPress. Как лучше решить такую задачу?

Answer 1

[Ksider]

Нужно сделать абсолютной позиционирование для инпута, и опасити 0. И обернуть это контейнером куда переносить файлы

<div class="container">
[file]
<p>файлы сюда</p>
</div>

.container {
position:relative;
}
input {
position: absolute;
top:0; right:0; bottom:0; left;0;
opacity:0;
}

$('form input[type="file"]').change(function () {
    $('.container p').html(this.files.length);
  });

Comments

[Sergey750il]

Не могу понять как сделать оформление?

[Ksider]

Sergey750il: как все стилями. Но контейнера.

[Sergey750il]

Ksider: Проблема в том, что не показывает загруженный файл тк у input opacity 0

[Ksider]

Sergey750il: ну это скриптиком вытянуть придется stackoverflow.com/questions/13780309/get-filename-...