Как моментально отобразить картинку?

Question

[yischyk]

Как можно, чтобы пользователь ввел ссылку на изображение, и сразу вывелось само изображение?

Есть скрипт

<script type="text/javascript">
function inputt() {
  var input_taker = document.getElementById('inputt').value;
  document.getElementById('blockss').innerHTML = input_taker;
}
</script>

<input type="text" id="inputt" onkeyup="inputt()">
<p id="blockss"></p>

но мне надо, чтобы вводить текст можно было в , а тут скрипт не работает
.........
пользователь вводит в инпут ссылку на изобржение, и появляется та картинка, как превьюшка

Answer 1

[Konstantin Zhikhor]

тебе это поможет (если я тебя правильно понял)
https://www.javascripture.com/FileReader

Comments

[yischyk]

нет, пользователь вводит в инпут ссылку на изобржение, и появляется та картинка, как превьюшка

[Konstantin Zhikhor]

yischyk, тогда все просто. ту ссылку что он ввел вставляешь в тэг img в атрибут src

[Konstantin Zhikhor]

<img src="" id="img"
  width="189" height="255" alt="lorem">

var input_taker = document.getElementById('inputt').value;
var img = document.getElementById('img');
img.src = input_taker;

попробуй так

[Konstantin Zhikhor]

yischyk, получилось ?

[yischyk]

Konstantin Zhikhor, не пашет

[Konstantin Zhikhor]

пришли что выведет эта команда
console.log(img);

[yischyk]

Konstantin Zhikhor,

<img src=(uncnown) id="img" width="189" height="255" alt="lorem">

когда мой код

<img src="" id="img"
  width="189" height="255" alt="lorem">

<input type="text" id="input">
<script type="text/javascript">
var input_taker = document.getElementById('input').value;
var img = document.getElementById('img');
img.src = input_taker;
</script>

[Konstantin Zhikhor]

yischyk, мне надо узнать что выдаст в консоле эта команда
console.log(img);

[yischyk]

Konstantin Zhikhor,

undefined

[Konstantin Zhikhor]

yischyk, а может на jquery сделаете ? или вам надо именно на нативном
мне просто надо что бы вы это console.log из скрипта исполнили