UnknownObject
/
qrcode-decoder
mirror of https://github.com/yugasun/qrcode-decoder.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Updates

Browse Source
gh-pages
yugasun 4 years ago
parent 2cede9967c
commit ebd34c84f6
1 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File

22
image.html
Unescape Escape View File

@ -9,13 +9,18 @@
<body> <body>
<section> <section>
<h3>Same domain image</h3> <h3>Same domain image</h3>
<img src="./assets/qrcode.png" alt="qr code" /><br /> <img id="img1" src="./assets/qrcode.png" alt="qr code" /><br />
<button id="decode1">Decode!</button><br /> <button id="decode1">Decode!</button><br />
<span id="result1"></span><br /> <span id="result1"></span><br />
</section> </section>
<hr /> <hr />
<section> <section>
<h3>Different domain image</h3> <h3>Different domain image</h3>
<input
id="img2"
value="https://yugasun.com/static/wechat.jpg"
style="width: 400px"
/><br />
<button id="decode2">Decode!</button><br /> <button id="decode2">Decode!</button><br />
<span id="result2"></span><br /> <span id="result2"></span><br />
</section> </section>
@ -31,30 +36,31 @@
var btn2 = document.querySelector('button#decode2'); var btn2 = document.querySelector('button#decode2');
var result1 = document.querySelector('#result1'); var result1 = document.querySelector('#result1');
var result2 = document.querySelector('#result2'); var result2 = document.querySelector('#result2');
var img = document.querySelector('img'); var img1 = document.querySelector('#img1');
var img2 = document.querySelector('#img2');
btn1.onclick = async () => { btn1.onclick = async () => {
// you can also decode from image path // you can also decode from image path
// const code = await qr.decodeFromImage('./assets/qrcode.png'); // const code = await qr.decodeFromImage('./assets/qrcode.png');
const code = await qr.decodeFromImage(img); const code = await qr.decodeFromImage(img1);
console.log(code); console.log(code);
result1.innerText = code.data; result1.innerText = code.data;
}; };
btn2.onclick = async () => { btn2.onclick = async () => {
console.log('img2', img2);
// you can also decode from image path // you can also decode from image path
// const code = await qr.decodeFromImage('./assets/qrcode.png'); // const code = await qr.decodeFromImage('./assets/qrcode.png');
const code = await qr.decodeFromImage( const code = await qr.decodeFromImage(img2.value, {
'https://yugasun.com/static/wechat.jpg',
{
crossOrigin: 'anonymous', crossOrigin: 'anonymous',
}, });
);
console.log(code); console.log(code);
result2.innerText = code.data; result2.innerText = code.data;
}; };
} }
window.onload = () => {
main(); main();
};
</script> </script>
</body> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save