Estou querendo colocar um QR-Code em uma página dinâmica, que contenha dentro dele a URL da página em questão, ou seja da página que estiver em aberto no navegador.
Desta forma fiz o seguinte script:
import wixData from "wix-data"; function createQRCode(divId) { var url = "https://chart.googleapis.com/chart?cht=qr&chl=" + encodeURI(window.document.URL) + "&chs=180x180&choe=UTF-8&chld=L|2"; document.getElementById(divId).innerHTML = `<img src='${url}" alt='qr code'/>` } createQRCode("qrcode");
E também incorporei um HTML iframe para mostrar o QR-Code na tela:
<div id="qrcode"></div>
Porém não esta dando certo. O que estou fazendo de errado?
Oi @Marka Rótulos
Fiz pequenos ajuste no seu código, agora você pode gerar o qrcode na sua página.
Basta adicionar uma componente de imagem e alterar o atributo src dela:
import wixLocation from 'wix-location'; //gera a url do qrcode function createQRCode() { return "https://chart.googleapis.com/chart?cht=qr&chl=" + encodeURI(wixLocation.url) + "&chs=180x180&choe=UTF-8&chld=L|2"; } $w.onReady(function () { //troca a imagem $w('#image1').src = createQRCode(); });
Espero ter ajudado!