3
respostas

Como renderizar imagem em pagina Marko?

Quero renderizar uma foto que o "path" esta em um banco JSON, mas nao renderiza(coloco o atributo membro.foto "dentro" o src"" da tag img. Gostaria de saber como faço para renderizar uma foto no MarkoJS.

<------Parte do Server------>

app.get('/comissao', (req,res) =>{ res.marko( require('./views/comissao/comissao.marko'), { membrosComissao: databaseJSON.membrosComissao

});

});

<------Banco JSON------>

"membrosComissao[ {"id":"jrs5kn62","nome":"Rafael Mota","dataCadastro":"2019-02-05 17:24:15","dataNacimento":"5922-03-26","email":"teste@gmail.com","foto":"static/images/comissao/civilwaredit.png","status":"ativo"}, {"id":"jrs5nbp2","nome":"Ana Julia ","dataCadastro":"2019-02-05 17:26:20","dataNacimento":"2503-03-26","email":"teste@gmail.com","foto":"static/images/comissao/formiga.png","status":"ativo"}, {"id":"jrs7sn3a","nome":"Rafael Mota","dataCadastro":"2019-02-05 18:26:27","dataNacimento":"1205-12-25","email":"teste@gmail.com","foto":"static/images/comissao/doutor2.png","status":"ativo"} ]}

<------Pagina Marko------>

<div class="container espacamentoPadrao">
  <div class="telaMembros row">
      <span>
          A comissão é formada pelos representantes de classe eleitos pelo BSI, 
          um aluno apontado por esses e por um representante do NAPE.
      </span>

      <div for(membro in data.membrosComissao) class="card">
          <img src= "${membro.foto}" class="card-img-top" alt="...">
          <div class="card-body">
            <h5 class="card-title">${membro.nome}</h5>
            <p class="card-text"></p>
          </div>
        </div>     
     </div>
</div>

Se estou fazendo a renderização de maneira errada, como faria para renderizar uma imagem da maneira correta usando Node e markoJs?

3 respostas

Oi Rafael tudo bem?

Poderia colocar seu projeto no github (inclusive as pastas node-modules, eu costumo zipar todo projeto) por gentileza para podermos analisar?

Tudo bem, https://github.com/Rafaelmtds/Portal

Oi Rafael, desculpe a demora.

No arquivo JSON você estava passando static/images/comissao/doutoredit.png mas não precisa passar o static denovo então é só passar /images/comissao/doutoredit.png

Testei e funcionou! Espero ter ajudado!!!