条码识别插件 quaggaJS

github下载地址 

 

document.querySelector("#barCode").addEventListener('change', function (evt) {
    const file = evt.target.files[0];
    const fileURL = URL.createObjectURL(file);
    // 使用 Quagga 解码条形码
    Quagga.decodeSingle({
        decoder: {
            readers: [
                "code_128_reader",
                "code_39_reader",
                "code_39_vin_reader",
                "code_93_reader",
                "ean_reader",
                "ean_5_reader",
                "ean_2_reader",
                "ean_8_reader",
                "codabar_reader",
                "upc_reader",
                "upc_e_reader",
                "i2of5_reader",
                "2of5_reader"
            ]
        },
        locate: true, // 启用定位
        src: fileURL, // 使用文件的 URL
        locator: {
            patchSize: "large", // 使用中等大小的补丁  //"small" | "medium" | "large" 指定用于定位的图像补丁的大小。较小的补丁可能在某些情况下提供更高的精度，但会消耗更多的计算资源。
            // halfSample: true,    // 启用半采样
            // area: {
            //   top: "100%",         // 定位区域从顶部开始
            //   right: "0%",      // 右侧50%
            //   left: "-100%",       // 左侧50%
            //   bottom: "100%"     // 底部100%
            // }
        }
    }, function (result) {
        if (result && result.codeResult) {
            var sn = result.codeResult.code;
            jQuery("#sn").val(result.codeResult.code);
            jQuery.post('/NDService/GetPQCBySN', { sn: sn }, function (res) {
                if (res.success) {
                    jQuery("#model").val(res.data.model);
                    jQuery("#config").val(res.data.config);
                    jQuery("#color").val(res.data.color);
                    jQuery("#quality").val(res.data.quality);
                } else {
                    mui.toast(res.message);
                }
            })
        } else {
            console.log("未识别到条形码");
        }
    });
})

　　

https://www.cnblogs.com/yaotome/p/9450274.html