0

Estoy intentando mostrar la QRcode como la imagen desde JS y no me muestra la imagen como tal. Si pongo url directamente, me funciona perfectamente, pero desde el script no.

Esto es de .js

let string = 'https://chart.googleapis.com/chart?chs=200x200&cht=qr&chl=https://www.excelsior.com.mx/expresiones/candaya-presenta-sus-novedades-editoriales-para-el-primer-semestre-de-2022/1490716'
     
document.getElementById('news_image2').setAttribute('src', string)

y el html:

<img scr="" className='noticias_qr' id='news_image2'/>

Tambien he probado con el .src pero tampoco va:

document.getElementById('news_image2').src = 'https://chart.googleapis.com/chart?chs=200x200&amp;cht=qr&amp;chl=https://www.excelsior.com.mx/expresiones/candaya-presenta-sus-novedades-editoriales-para-el-primer-semestre-de-2022/1490716'

Gracias

3
  • 1
    El string que tienes no conduce a ninguna imagen. Prueba algo como picsum.photos/200 y verás que con el primer intento funciona. el 10 abr. 2022 a las 18:15
  • Lo que intento hacer es generar el qrcode con el link que necesito y pasar este qr a la imagen el 10 abr. 2022 a las 18:22
  • 1
    En ese caso deberías enfocar tu pregunta en cuanto al generador de qr que estás usando, no a javascript. el 10 abr. 2022 a las 18:30

1 respuesta 1

2

el enlace está mal escrito. Tienes que eliminar los &amp; y sustituirlos por &, con eso tu código funciona perfectamente. Te dejo el ejemplo. Un saludo.

let string = 'https://chart.googleapis.com/chart?chs=200x200&cht=qr&chl=https://www.excelsior.com.mx/expresiones/candaya-presenta-sus-novedades-editoriales-para-el-primer-semestre-de-2022/1490716';
     
document.getElementById('news_image2').setAttribute('src', string);
<img scr="" className='noticias_qr' id='news_image2'/>

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.