Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Как с помощью HTML сделать кнопку, по нажатию которой определенная картинка будет переноситься на заданный адресс?

ツiLofyyyx Ученик (107), на голосовании 1 год назад
Как с помощью HTML сделать кнопку, по нажатию которой определенная картинка будет переноситься на заданный адресс?
Голосование за лучший ответ
Роман Бугаев Ученик (212) 1 год назад
Нужно использовать элемент <form> и атрибуты <input> для создания кнопки и поля загрузки файла.

<form action="адрес_назначения" method="POST" enctype="multipart/form-data">
<input type="file" name="image">
<input type="submit" value="Перенести картинку">
</form>

В данном примере, при нажатии на кнопку "Перенести картинку", выбранная пользователем картинка будет перенесена на адрес назначения, указанный в атрибуте "action". Чтобы это работало, нужно обработать загруженный файл на сервере.
ツiLofyyyxУченик (107) 1 год назад
мне нужно не выбор файла, а картинка которую я в код впишу
Роман Бугаев Ученик (212) Тогда можно воспользоваться тегом <img> для отображения картинки и JS для переноса картинки на заданный адрес при нажатии на кнопку: <img id="myImage" src="адрес_картинки"> <button onclick="sendImage()">Перенести картинку</button> <script> function sendImage() { var image = document.getElementById("myImage").src; // Получаем адрес картинки var destination = "адрес_назначения"; // Указываем адрес назначения window.location.href = destination + "?image=" + image; // Перенаправляем на адрес назначения с параметром image, содержащим адрес картинки } </script> В данном примере, при нажатии на кнопку "Перенести картинку", скрипт получает адрес картинки из тега <img>, затем перенаправляет пользователя на заданный адрес с параметром "image", содержащим адрес картинки.
Похожие вопросы