xxxxxxxxxx
"https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=MrBeanDev"
// this is the best qr code instant generator , this url directly output the qrcode image
xxxxxxxxxx
"https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=MrBeanDev"
// this is the best qr code instant generator , this url directly output the qrcode image
xxxxxxxxxx
<img src="data:image/png;base64, {{ base64_encode(QrCode::format('png')->size(100)->generate('Make me into an QrCode!')) }} ">
xxxxxxxxxx
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://rawgit.com/schmich/instascan-builds/master/instascan.min.js"></script>
<label id="label">Account ID </label>
<input type="text" name="accId" required="" class="idnum" style="width: 108px;margin-right: 15px;" value="">
<br/>
<label id="label">Customer Name </label>
<br/>
<input type="text" readonly="" name="name" class="idname" required="" value="">
xxxxxxxxxx
let scanner = new Instascan.Scanner({
video: document.getElementById('preview'),
mirror: false
});
Instascan.Camera.getCameras().then(function(cameras) {
if (cameras.length > 0) {
scanner.start(cameras[0]);
} else {
console.error('No cameras found.');
alert('No cameras found.');
}
}).catch(function(e) {
console.error(e);
alert(e);
});
$(function() {
const re = /(\d+-\d+)\s+(.*)/;
scanner.addListener('scan', function(content) {
console.log(content);
if (!re.test(content)) {
console.log("malformed strings")
return;
}
const [_, id, name] = content.match(re);
$(".idnum").val(id);
$(".idname").val(name.trim());
});
})