QuaggaJS静态文件实现

QuaggaJS静态文件实现,quaggajs,Quaggajs,我试图以静态文件的方式实现QuaggaJS,但显然我遗漏了一些东西。 我对javascript非常陌生,因此希望我错过了一些非常简单的东西。 假设我在与此代码相同的目录中有一个名为123456.jpg的.jpg文件, 我希望代码只返回条形码值作为警报。 非常感谢您的任何帮助(并且完全准备好为我对javascript缺乏了解而大发雷霆!) 我的代码如下: <script src="http://www.myserver.com/v3/javascripts/jquery-2.0.0.min.

我试图以静态文件的方式实现QuaggaJS,但显然我遗漏了一些东西。 我对javascript非常陌生,因此希望我错过了一些非常简单的东西。 假设我在与此代码相同的目录中有一个名为123456.jpg的.jpg文件, 我希望代码只返回条形码值作为警报。 非常感谢您的任何帮助(并且完全准备好为我对javascript缺乏了解而大发雷霆!)

我的代码如下:

<script src="http://www.myserver.com/v3/javascripts/jquery-2.0.0.min.js" type="text/javascript"></script>
<script src="js/quagga.min.js" type="text/javascript"></script>

<script>

Quagga.decodeSingle({
    decoder: {
        readers: ["code_39_reader"] // List of active readers
    },
    locate: true, // try to locate the barcode in the image
    src: '123456.jpg' // or 'data:image/jpg;base64,' + data
}, function(result){
    if(result.codeResult) {
        console.log("result", result.codeResult.code);
        alert(result.codeResult.code);
    } else {
        console.log("not detected");
        alert("not detected");
    }
});


</script>

嘎嘎({
解码器:{
读卡器:[“code\u 39\u reader”]//活动读卡器列表
},
locate:true,//尝试在图像中定位条形码
src:'123456.jpg'//或'data:image/jpg;base64'+数据
},函数(结果){
if(result.codeResult){
log(“result”,result.codesult.code);
警报(result.codesult.code);
}否则{
控制台日志(“未检测到”);
警报(“未检测到”);
}
});

可能有点笨拙……但我在页面加载时,在同一目录下的静态.jpg文件中解码了一个code\u 39条形码:

<div>
    <div id="resultdiv">scanning... </div>
</div>


<script src="../js/quagga.js" type="text/javascript"></script>
<script type="text/javascript">

    var Quagga = window.Quagga;
    var App = {
        _scanner: null,
        init: function() {

            this.decode();
        },
        decode: function(file) {
            Quagga
                .decoder({readers: ['code_39_reader']})
                .locator({patchSize: 'x-small'})
                .fromSource('converted.jpg', {size: 1920})
                .toPromise()
                .then(function(result) {
                    document.getElementById("resultdiv").innerHTML=result.codeResult.code; 
                })
                .catch(function() {
                    document.getElementById("resultdiv").innerHTML= "Not Found"; 
                })

        }
    };
    App.init();

</script>

扫描。。。
var Quagga=window.Quagga;
变量应用={
_扫描程序:空,
init:function(){
这是decode();
},
解码:函数(文件){
嘎嘎
.decoder({readers:['code\u 39\u reader']})
.locator({patchSize:'x-small'})
.fromSource('converted.jpg',{size:1920})
.toPromise()
.然后(函数(结果){
document.getElementById(“resultdiv”).innerHTML=result.codeResult.code;
})
.catch(函数(){
document.getElementById(“resultdiv”).innerHTML=“未找到”;
})
}
};
App.init();