Есть img. Нужно чтобы пользователь при нажатии на эту картинку мог выбрать со своего устройства собственную картинку. как сделать при нажатии на картинку, чтобы появлялось предложение выбрать путь к новой картинке? нужно без jQuery
1 ответ
Например так:
<input type="image" src="images/img.jpg" alt="Submit Image" />
Вариант:
input {
display: none;
}
<label for="fileinput">
<img src="http://s1.iconbird.com/ico/2013/12/517/w128h1281386955323camera3.png" alt="Submit Image" >
</label>
<input name='fileinput' id="fileinput" type="file" accept="image/*" capture />
-
при использовании этого кода ничего не изменится. повторюсь, при нажатии на картинку пользователю предлагается установить путь к своей фотографии на своем устройстве. эта фотография будет вместо той, что стоит изначально. типо автара, как в вк.– BenderCommented 7 февр. 2019 в 12:47
-
Как вы хотите показывать картинку другим, не загрузив её, если она хранится локально у пользователя?– velocatCommented 7 февр. 2019 в 12:54
-
-
да, это близко, но если я нажимаю на картинку, мне предлагает выбрать путь к новому img, я выбираю новый img, но она не устанавливается в замен предыдущей– BenderCommented 7 февр. 2019 в 13:52
-
Каким образом Вы будете отправлять картинку на сервер? Если использовать Ajax, то в обратном ответе от сервера, вы можете отправить ссылку на загруженное изображение и заменить им существующее. Можно конечно и сразу заменить, но какой смысл? после перезагрузки страницы это изображение просто исчезнет.– velocatCommented 7 февр. 2019 в 14:28