How to load an image into an img input type input by receiving the url of another input

Question

Good night.

I have a form that has an input that receives a url by ajax.

How can I take this url and fill in another input to view the image ?

JS (here I pass the id of the input that will receive the url):

$("#thumb").val(json.items[0].volumeInfo.imageLinks.thumbnail);

INPUT 1 (here the input is filled with the url I will save):

<input type="text" id="thumb" value="http://books.google.com/books/content?id=-2DSc30QWpEC&printsec=frontcover&img=1&zoom=5&edge=curl&source=gbs_api"  />                                              

INPUT 2 (Here I would like to show the image and I can’t):

<input type="image" src="" id="thumb2" >    

It is possible?

Answer 1

You have to insert the image in src of input #thumb2 catching the value of input #thumb, after the return of Ajax on :success:

<script>
...ajax
success: function() {
    $("#thumb2").attr("src",$("#thumb").val());
}
</script>

Inputs of the type image need to have a src where they will pull an image, which will be the content of the element.

Further information in this MDN documentation.