Получить URL-адрес ресурса, который перетаскивается в поле

У меня есть html-страница с определенным полем ввода, и я хочу добавить следующие функции.

Пользователь должен иметь возможность перетаскивать ресурс в поле. Результатом этого действия должно быть то, что URL-адрес ресурса появится в поле.

Ресурс может быть локальным файлом, в результате получается URL типа file: /// home / me / document или file: // c: \ windows-files \ document.doc .

Ресурс также может быть веб-ресурсом, в результате получается URL-адрес вида http://host.nl/document.doc или даже ftp://host.nl/document.doc , хотя на данный момент меня не особо интересуют ftp-ресурсы. Я предполагаю, что dnd-действие URL-адреса веб-страницы из адресной строки веб-браузера или dnd-действие файла на клиентском компьютере, например, рабочий стол.

Как обычно для веб-приложений, я хочу, чтобы эта функция работала на большинстве платформ. (Linux / Win / MacOS, Firefox / Chrome / Safari / IE / Opera)

Парадигма - это HTML и JavaScript.