Skip to main content
deleted 6 characters in body
Fonte Link
Guilherme Bernal
  • 20,5mil
  • 1
  • 54
  • 96

Sabendo que isso só funciona em navegadores que suportam a FileReader API (que implica em IE10+), você pode fazer o seguinte para ler o arquivo e o ler como um DataURI, setando o src de uma imagem.

function readImage() {
    if (this.files && this.files[0]) {
        var file = new FileReader();
        file.onload = function(e) {
            document.getElementById("preview").src = e.target.result;
        };       
        file.readAsDataURL(this.files[0]);
    }
}

document.getElementById("imgChooser").addEventListener("change", readImage, false);

Exemplo: JSFiddle.

Sabendo que isso só funciona em navegadores que suportam a FileReader API (que implica em IE10+), você pode fazer o seguinte para ler o arquivo e o ler como um DataURI, setando o src de uma imagem.

function readImage() {
    if (this.files && this.files[0]) {
        var file = new FileReader();
        file.onload = function(e) {
            document.getElementById("preview").src = e.target.result;
        };       
        file.readAsDataURL(this.files[0]);
    }
}

document.getElementById("imgChooser").addEventListener("change", readImage, false);

Exemplo: JSFiddle.

Sabendo que isso só funciona em navegadores que suportam a FileReader API (que implica em IE10+), você pode fazer o seguinte para ler o arquivo e como um DataURI, setando o src de uma imagem.

function readImage() {
    if (this.files && this.files[0]) {
        var file = new FileReader();
        file.onload = function(e) {
            document.getElementById("preview").src = e.target.result;
        };       
        file.readAsDataURL(this.files[0]);
    }
}

document.getElementById("imgChooser").addEventListener("change", readImage, false);

Exemplo: JSFiddle.

Fonte Link
Guilherme Bernal
  • 20,5mil
  • 1
  • 54
  • 96

Sabendo que isso só funciona em navegadores que suportam a FileReader API (que implica em IE10+), você pode fazer o seguinte para ler o arquivo e o ler como um DataURI, setando o src de uma imagem.

function readImage() {
    if (this.files && this.files[0]) {
        var file = new FileReader();
        file.onload = function(e) {
            document.getElementById("preview").src = e.target.result;
        };       
        file.readAsDataURL(this.files[0]);
    }
}

document.getElementById("imgChooser").addEventListener("change", readImage, false);

Exemplo: JSFiddle.