Pegar imagem tag img

Question

Boa noite a todos! Estou a horas tentando resolver um problema e já não sei mais o que fazer. Tenho uma tag img cujo atributo src eu pego de um controller:

<img id="foto-epi" src="~/FotoEpi?id=@Model.Id" alt="foto" />

Então, o caso é que a imagem é carregada normalmente, contudo quando tento pegar a imagem via jquery:

function getFotoFichaEpi() {
    var base64 = $("#foto-epi").attr("src");
    base64 = base64.substr(base64.indexOf(",") + 1, base64.length);

    return base64;
}

a variável base64 não recebe a imagem, mas recebe a string "http://localhost:49310/FotoEpi?id=5".  Alguém sabe como posso pegar o conteúdo da tag (imagem), e não o caminho?

Answer 1

Olá,

É por que no atributo src, o que você tem é o caminho da imagem, e não uma imagem embedded base64.

Answer 2

Boa noite.

HTML5 é uma opção?

Se sim, crie um canvas com a imagem e no jQuery use o .GetDataURL().

---

Att., Rafael Simor