<html>
<head>
<title>SCAN QR</title>
<script>
function scanqr() {
var file = document.getElementById("file").files[0];
var formdata = new FormData();
formdata.append("file", file);
var hr = new XMLHttpRequest();
hr.open("POST", 'http://api.qrserver.com/v1/read-qr-code/');
// hr.setRequestHeader("Content-Type", "application/json");
// hr.setRequestHeader("Content-Type", "multipart/form-data");
hr.onreadystatechange = function() {
if (hr.readyState == 4 && hr.status == 200) {
var return_data = JSON.parse(hr.responseText);
document.getElementById("status").innerHTML = JSON.stringify(return_data);
}
}
hr.send(formdata);
document.getElementById("status").innerHTML = "processing...";
}
function scanqr2(){
var file = document.getElementById("file").files[0];
var formdata = new FormData();
formdata.append("file", file);
fetch('http://api.qrserver.com/v1/read-qr-code/', {
method : 'POST',
body : formdata
})
.then(res => res.json())
.then((data) => {
console.log(data)
})
}
// Using Jpg/jpeg to output better
</script>
</head>
<body>
<form enctype="multipart/form-data" action="#">
<p align="center"><input type="file" id="file" onchange="scanqr()"></p>
<p align="center"><div id="status"></div></p>
</form>
</body>
</html>
Thursday, August 3, 2023
Read QrCode Javascript
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment