핸드폰을 이용한 바코드 스캔 채택완료
안녕하세요.
안드로이드에서 zxing scanner를 이용하여 바코드를 읽었는데요.
그러니까 구글플레이에서 바코드스캐너 (zxing용)를 설치하고, 아래 코드를 적용하면
</p>
<p><script type="text/javascript" >
function getScan(){
var x = document.forms["getbarcodeForm"]["barcode"].value;
if (x == null || x == "") {
var href=window.location.href;
var ptr=href.lastIndexOf("?");
if(ptr>0){ href=href.substr(0,ptr); }
window.location.href="zxing://scan/?ret="+escape(href+"?barcode={CODE}");
} else {
document.getbarcodeForm.submit();
}
}
</script></p>
<p> </p>
<p> <form id="getbarcodeForm" name="getbarcodeForm" method="get">
<input id=barcode name="barcode" type=text value="<?php echo $_GET['barcode']; ?>">
<input type=button value="Scan" onclick="getScan()">
</form></p>
<p>
이렇게 하면 바코드를 가져오는데, 문제는 iPhone입니다.
iPhone 용 스캐너가 있는지 제가 찾지를 못하겠네요.
제가 아이폰을 가지고 있는 것이 아니어서 테스트도 할 수 없고 말입니다.
안드로이드와 아이폰 모두에서 바코드를 읽을 수 있는 방법이 없을까요.
QR 코드는 읽지 못해도 상관없습니다.
감사합니다.
답변 3개
답변에 대한 댓글 2개
아이패드와 안드로이드는 됩니다.
기능은 확인햇고, 이제 꾸미는 일이 남았는데 저에게는 산너머 강입니다.
감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
삽질 Test 코드
</p>
<p><!doctype html>
<html lang='ko'>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="<a href="https://unpkg.com/html5-qrcode@2.0.9/dist/html5-qrcode.min.js"></script>" target="_blank" rel="noopener noreferrer">https://unpkg.com/html5-qrcode@2.0.9/dist/html5-qrcode.min.js"></script></a>
</head></p>
<p><style>
.result{
background-color: green;
color:#fff;
padding:20px;
}
.row{
display:flex;
}
</style></p>
<p>
<div>
<div id="qr-reader" style="width: 400px"></div>
</div>
<div>
<h4>SCAN RESULT</h4>
<div id="result">Result Here</div>
</div></p>
<p><script type="text/javascript">
function onScanSuccess(decodedText, decodedResult) {
document.getElementById('result').innerHTML = '<span class="result">'+decodedText+'||'+decodedResult+'</span>';
console.log(`Code scanned = ${decodedText}`, decodedResult);
}
var html5QrcodeScanner = new Html5QrcodeScanner(
"qr-reader", { fps: 10, qrbox: 250 });
html5QrcodeScanner.render(onScanSuccess);</p>
<p></script>
</html></p>
<p>답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
ZBar iPhone SDK
http://zbar.sourceforge.net/iphone/index.html
앨을 만드는 것이 아니라면...URL올려주세요 iphone 6, 7, XS, 11 가지고 있습니다.. 테스트 해드리지요..
테스트해드려볼까 했더니... App store에는 zxing 이 일단 없네요.. ㅎ
답변에 대한 댓글 2개
위 마젠토님이 소개해주신 html5-qrcode는 스캐너 설치없이 이용하는 것이어서 그것으로 해보려고 합니다. 일단 테스트 코드로 아이패드와 안드로이드에서 돌아가는 것을 확인했습니다만 저에게는 갈길이 멀게 느껴집니다. 입에 떠먹여 주는 테스트 코드도 저에게는 삽질입니다. ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
이건 별도 스캐너 설치가 필요 없군요.
열심히 삽질해보겠습니다.