visualImg () is not defined at HTMLInputElement.onchange

Question

visualImg () is not defined at HTMLInputElement.onchange

Navigation

#1 by (1 votes)

0

I've seen some topics that look like this, I followed the recommendations and I did not succeed, so I open a new topic. This error occurs when I upload an image and at the time of displaying it this message appears. PS: I already checked the page imports and everything is ok.

HTML

                                <div class="form-group col-md-12" >
                                     <div class="form-group">
                                      <input type="file" id="file" onchange="visualizarImg();" />

                                      </div>
                                </div>
                                   <div class=" form-group col-md-6">
                                      <img id="imagemPromocao" src=""  class="img-responsive"  />   
                                   </div>
                                </div>

JavaScript

window.onload = function() {
    function visualizarImg() {
        var preview = document.querySelectorAll('img').item(1);
        var file = document.querySelector('input[type=file]').files[0];
        var reader = new FileReader();

        reader.onloadend = function() {
            preview.src = reader.result;// carrega em base64 a img
        };

        if (file) {
            reader.readAsDataURL(file);
        } else {
            preview.src = "";
        }

    }
}

javascript html5 upload

asked by anonymous 28.07.2017 / 15:56

1 answer

How to position one element in relation to another easily? Add SQLITE data in Java

score 1 · Accepted Answer

Because the function is within the onload, it can not be accessed by html. Either you put it off the onload or add an event inside the onload instead of the html event:

seuinput.addEventListener("input", function () {
    //aqui o código da função visualizarImg
}, false);