Preview input field does not work

Question

my browser is not displaying the image. Fear something wrong with this code?

$(document).ready(function ()
{
     $("input[name='fun_imagem']").change(function ()
     {
         readImage($(this));
     });

});


function readImage(input) {

     var arquivo = new FileReader();
     arquivo.onload = function(e)
     {
          $("#imagem-figure-usuario").attr("src", e.target.result);
     };

     arquivo.readAsDataURL(input.files[0]);
}

Answer 1

I noticed that you are passing a list of jQuery elements to the function readImage.

readImage($(this));

You just need to stop covering this with the $ jQuery. If you haven’t noticed, this is a unique HTML element, the element in the list $("input[name='fun_imagem']") that was clicked. jQuery prototype does not offer a property files, nor function. Then:

readImage(this);

If it was already on a jQuery list (in other cases) you would only need to index with a specific index, for example: $ls[0], would return the first element of the list.