Привет друзья, сегодня в этом блоге вы узнаете, как создать загрузчик файлов через URL, используя чистый Javascript. В нашем предыдущем блоге мы видели, как создавать перетаскиваемые или сортируемые списки с помощью HTML, CSS и Sortable JS. Ранее я поделился многими проектами, связанными с javascript, вы можете отметить, если хотите, и не забудьте отметить Проекты HTML, CSS и Javascript.

Этот инструмент (загрузчик файлов через URL-адрес) может загружать любые файлы, такие как изображения, видео, pdf, SVG и т. д. Пользователи должны вставить действительный URL-адрес файла и нажать кнопку загрузки, чтобы загрузить файл. Помните, что файл должен быть общедоступным для загрузки.

Сначала я получил введенный пользователем URL-адрес файла и, используя API fetch(), извлек файл. Как только я получил ответ, я возвращаю ответ как blob(), а в другом методе then я получаю объект, содержащий сведения о файле.

Вам могут понравиться эти:

Затем, используя метод URL.createObjectURL(), я создал URL-адрес этого файлового объекта. Этот URL-адрес хранится в окне документа. Наконец, я создал тег <a> и сохранил URL-адрес в качестве значения href этого тега и щелкнул его, чтобы файл загрузился. Посмотрите приведенное выше видео для подробного объяснения каждой строки JavaScript.

Примечание. Если вы получаете сообщение об ошибке cors (обмен ресурсами между источниками) в консоли во время загрузки файла, это означает, что браузер заблокировал запрос, поскольку запрошенный сайт не позволяет вам получить доступ этот файл.

Этот загрузчик файлов сделан на чистом JavaScript, для его создания не используется серверный язык. Если вам понравилось и вы хотите создать Так что вы можете проверить исходный код или предварительный просмотр.

Превью доступно здесь.