1

Olá pessoal gostaria de saber como carregar imagem dentro de um append();

segue o link

append("<tr><td>"+value.codigo+"</td><td>"+value.nome+"</td><td>CARREGAR IMAGEM AQui</td><tr>");

2 Respostas 2

1

Apenas coloque dentro do src de uma img:

var linkImagem = 'http://lorempixel.com/image_output/abstract-q-g-640-480-4.jpg';
$("body").append(" <img src=" + linkImagem + " alt='Exemplo'> ");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>

3
  • jQuery(".lists-data").append("<tr><td>"+value.codigo+"</td><td>"+value.nome+"</td><td><img src="img/edit.png" class="btn-action"></td><tr>"); 17/12/2015 às 21:07
  • tentei o codigo acima e nao funcinou 17/12/2015 às 21:07
  • @VictorMorais seu problema e de sintax, veja os atributos src e classe com aspas duplas, troque por aspas simples que ira resolver 17/12/2015 às 21:21
1

Para criar um elemento e inserí-lo com jQuery podes fazer assim:

jQuery('<img />', {
    src: "img/edit.png"
}).appendTo(td);

Também podes juntar esse código em string, eu não gosto mas se quiseres poderia ser algo como:

var table = ...
var img = '<img src="img/edit.png" class="btn-action">';
[value.codigo, value.codigo, null].forEach(function(thing, i, arr){
    var tr = document.createElement('tr');
    var td = document.createElement('td');
    td.innerHTML = i == (arr.length - 1) ? img : thing;
    tr.appendChild(td);
    table.appendChild(tr);
});

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .