React.js скачать изображение с URL ⇐ Javascript
-
Гость
React.js скачать изображение с URL
У меня есть приложение React.js и Node.js. В этом приложении мне нужно загрузить изображение с URL-адреса, как при обычной загрузке, при которой изображение сохраняется в загрузках браузера.
Я пробовал множество методов как из внешнего интерфейса (React), так и из внутреннего интерфейса (node.js, вызвав API для сохранения изображения). К сожалению, большинство решений открывают изображение на новой вкладке, некоторые загружают файлы в неподдерживаемом формате.
Я пробовал использовать следующие примеры кода из React
1.
Загрузите здесь [*]Использование ссылки Ссылка на="https://help.twitter.com/content/dam/he ... d/logo.png" target="_blank" download>Загрузить { fetch('https://cors-anywhere.herokuapp.com/' + filePath, { метод: «ПОЛУЧИТЬ», заголовки: { «Тип контента»: «приложение/октет-поток», «Содержимое-Диспозиция»: «приложение», }, }) .then(ответ => ответ.blob()) .then(blob => { const url = window.URL.createObjectURL(новый Blob([blob])); const link = document.createElement('a'); ссылка.href = URL; ссылка.загрузка = имя_файла; document.body.appendChild (ссылка); ссылка.клик(); link.parentNode.removeChild(ссылка); }); }; downloadFile('https://help.twitter.com/content/dam/he ... d/logo.png')} > Загрузите мое изображение [*]Проверено с пакетом js-file-download Вышеуказанные методы и некоторые другие решения не работают должным образом.
Пожалуйста, помогите загрузить изображение с URL-адреса при загрузке браузера. Спасибо
У меня есть приложение React.js и Node.js. В этом приложении мне нужно загрузить изображение с URL-адреса, как при обычной загрузке, при которой изображение сохраняется в загрузках браузера.
Я пробовал множество методов как из внешнего интерфейса (React), так и из внутреннего интерфейса (node.js, вызвав API для сохранения изображения). К сожалению, большинство решений открывают изображение на новой вкладке, некоторые загружают файлы в неподдерживаемом формате.
Я пробовал использовать следующие примеры кода из React
1.
Загрузите здесь [*]Использование ссылки Ссылка на="https://help.twitter.com/content/dam/he ... d/logo.png" target="_blank" download>Загрузить { fetch('https://cors-anywhere.herokuapp.com/' + filePath, { метод: «ПОЛУЧИТЬ», заголовки: { «Тип контента»: «приложение/октет-поток», «Содержимое-Диспозиция»: «приложение», }, }) .then(ответ => ответ.blob()) .then(blob => { const url = window.URL.createObjectURL(новый Blob([blob])); const link = document.createElement('a'); ссылка.href = URL; ссылка.загрузка = имя_файла; document.body.appendChild (ссылка); ссылка.клик(); link.parentNode.removeChild(ссылка); }); }; downloadFile('https://help.twitter.com/content/dam/he ... d/logo.png')} > Загрузите мое изображение [*]Проверено с пакетом js-file-download Вышеуказанные методы и некоторые другие решения не работают должным образом.
Пожалуйста, помогите загрузить изображение с URL-адреса при загрузке браузера. Спасибо
Мобильная версия