精华内容
下载资源
问答
  • 用CIDetector类读取相册中的二维码遇到的问题是手机截屏的图片可以读取成功,手机拍照的图片取出成功率低。并且不支持读取条形码。解决办法:读取相册中的二维码/条形码,使用ZBarSDK,下面介绍一下怎么在工程中引入...

    CIDetector类读取相册中的二维码遇到的问题是手机截屏的图片可以读取成功,手机拍照的图片取出成功率低。并且不支持读取条形码。

    解决办法:读取相册中的二维码/条形码,使用ZBarSDK,下面介绍一下怎么在工程中引入ZBarSDK,因为我的Demo工程没有使用CocoaPods去管理第三方库,所以介绍手动将ZBarSDK导入工程并配置


    步骤一.在工程中建一个Frameworks文件夹将ZBarSDK文件夹导入,如图



    步骤二.在工程中添加依赖库,如图:


    步骤三.导入头文件并调用对应方法。

    #import "ZBarSDK.h"

    /**
     *  获取相册中的二维码图片
     */
    - (void)getQRcodeImage {
        
        // ZBarsSDK 初始化


        ZBarReaderController *imagePicker = [ZBarReaderController new];
        
        imagePicker.showsHelpOnFail = NO; // 禁止显示读取失败页面
        imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;
        imagePicker.delegate = self;
        imagePicker.allowsEditing = YES;
        [self presentViewController:imagePicker animated:YES completion:nil];
    }


    /**
     *  选中图片的回调
     */
    -(void)imagePickerController:(UIImagePickerController*)picker didFinishPickingMediaWithInfo:(NSDictionary *)info
    {
        id<NSFastEnumeration> results = [info objectForKey:ZBarReaderControllerResults];
        
        ZBarSymbol *symbol = nil;
        
        for(symbol in results) {
            
            break;
        }
        
        [picker dismissViewControllerAnimated:YES completion:^{
            
            //二维码字符串
            NSString *QRCodeString =  symbol.data;
            
            // 触发回调
            [self getScanDataString:QRCodeString];
            
    }];
    }


    /**
     *  读取二维码/条码失败的回调
     */
    -(void)readerControllerDidFailToRead:(ZBarReaderController *)reader withRetry:(BOOL)retry{
        
        if (retry) { //retry == 1 选择图片为非二维码。
            [self dismissViewControllerAnimated:YES completion:^{
                
                [self getScanDataString:@"未发现二维码/条码"];
            }];
            
        }
        return;
        
    }



    以上是我实际开发中找到的最快速解决读取相册中二维码失败的方法,也是对原文链接的精简版处理。希望对大家有帮助


    分享ZBarSDK的下载地址

    原文链接:http://blog.csdn.net/gaomingyangc/article/details/54017879



    展开全文
  • 接着昨天的需求,不过这次不依赖微信,使用纯js唤醒手机本地摄像头或者选择手机相册图片,识别其中的二维码或者是条形码.昨天,我使用微信扫一扫识别,效果超棒的.不过如果依赖微信的话,又怎么实现呢,这里介绍两个js库,都...

    接着昨天的需求,不过这次不依赖微信,使用纯js唤醒手机本地摄像头或者选择手机相册图片,识别其中的二维码或者是条形码.昨天,我使用微信扫一扫识别,效果超棒的.不过如果依赖微信的话,又怎么实现呢,这里介绍两个js库,都很牛掰,感谢大神,献上链接.

    仓库:https://github.com/serratus/quaggaJS

    官网: https://serratus.github.io/quaggaJS/

    识别二维码

    条形码解析:

    我也是在网上找了一大堆,都失败了,别人博主写的都没头没尾的,无法实现其功能,既然有工具就一梭子的事情了,花费了一晚上,终于弄出来了,下面就是设置参数的问题了

    甩出一个仓库,大家下载这个仓库就可以实现此功能的,不过条形码识别的准确性有点问题.需要设置对应的参数,其中需要修改代码

    ........

    //          , 'code_39_reader','code_128_reader',"ean_reader", 
                 decoder: {
                     readers: [{
                         format: ['ean_reader'], //条形码种类很多,选择适合自己的
                         config: {}
                     }]
                 },

       ........

     

     

    二维码解析:

    这个没找到开源仓库,不过找到一个可以实现的DMEO,大家喜欢的话可以自己深究,我要去撸代码了.

    我的仓库实例地址: https://gitee.com/guyandog/QR_BR 传送门

    收集不易,点赞鼓励,谢谢

     

    PS: 我这里是识别静态图片,如果是需要手机打开摄像头的,将input中添加这样的属性,如下:

     

    <!DOCTYPE html>
    < html>
    < head>
         <meta charset="UTF-8"/>
         <title>index</title>
         <meta name="viewport"
               content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
         <meta name="apple-mobile-web-app-capable" content="yes"/>
         <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
         <meta name="mobile-web-app-capable" content="yes"/>
         <meta name="format-detection" content="telephone=no">
         <meta http-equiv="pragma" content="no-cache">
         <meta http-equiv="Cache-Control" content="no-store, must-revalidate">
    < /head>
    < body>
    < style>
         input{
             display: block;
             width: 100px;
             height: 60px;
             background: red;
             color: white;
             font-size: 16px;
             line-height: 60px;
             outline: none;
             border: 0;
         }
    < /style>
    
    <input id="pictureB_file" accept="image/*" type="file" capture="camera" name="pictureA_file"/>
    < input id="pictureC_file" type="file" name="pictureA_file"/>
    < script>
         var u = navigator.userAgent, app = navigator.appVersion;
         var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
         var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
         //alert('是否是Android:'+isAndroid);
         //alert('是否是iOS:'+isiOS);
         if (isAndroid) {
             //如果是安卓手机,就弹框是选择图片还是拍照
             $(".tankuang").css("display", "block");
         } else {
             //如果是苹果系统,就还照之前的样子去操作即可
             //$($("#pictureA_file")[0]).click();
         }
    < /script>
    < /body>
    < /html>

     

    前端小姐姐写的

    参考网站:(感谢这些博客的博主)

    https://www.zhangshengrong.com/p/2EaE0WdO1M/

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

    转载于:https://www.cnblogs.com/guyanzy/p/10374332.html

    展开全文
  • 上传的图片(带二维码)是手机拍的 压缩完大小大概在200KB左右 报错位置是 ![图片说明](https://img-ask.csdn.net/upload/201804/19/1524100525_22831.png) 如果图片是纯二维码非拍摄图片(大小在4KB左右)就能...
  • 微信二维码小程序怎么做?

    千次阅读 2020-06-28 23:09:25
    微信二维码小程序怎么...第五步:对方收到后长按图片即可识别图片二维码二维码宽高,js代码和结构中的宽高需要一致,宽高的样式一定要写成内联样式,不然会有意想不到的效果???? padding的颜色自己控制即可,canvas

    微信二维码小程序怎么做?
    第一步:首先在手机中打开微信,然后进入小程序。
    第二步:然后在小程序中搜索“二维码”然后点击进入生成二维码小程序。
    第三步:接下来在新建二维码里点击文本,然后输入你想要表白的话,比如“我爱你”…
    第四步:然后保存这个生成的告白二维码,然后将表白二维码通过微信发送给你要表白的她(他)…
    第五步:对方收到后长按图片即可识别图片二维码,
    二维码宽高,js代码和结构中的宽高需要一致,宽高的样式一定要写成内联样式,不然会有意想不到的效果😁
    padding的颜色自己控制即可,canvas的背景色就是留边的颜色
    correctLevel是生成二维码可辨识度的级别,级别越高可辨识度越高,从低到高依次是M、L、H、Q

    展开全文
  • 自动下载 根据同一个二维码识别当前...然后转到html网页上传至网站,生成该网页链接的二维码图片,用户扫描二维码会自动进入对应下载界面。 三,代码部分:index.html (见工程文件) 在使用的时候将相应链接替换即可
  • 有个要识别二维码页面跳转的功能,想着怎么样模拟识别二维码呢,用开发工具扫描二维码应该不可能,如果是用手机扫,那么,怎么手机跳转到我的开发代码中,而不是我发布的代码小程序中呢? 开发工具模拟扫描二维码...

    文章参考

    1. 微信小程序未发布 二维码图片如何扫描测试

    问题描述

    有个要识别二维码页面跳转的功能,想着怎么样模拟识别二维码呢,用开发工具扫描二维码应该不可能,如果是用手机扫,那么,怎么让手机跳转到我的开发代码中,而不是我发布的代码小程序中呢?

    解决步骤

    1.开发工具模拟扫描二维码进入小程序

    通过二维码编译 启动小程序,然后运行的代码就是当前开发的代码

    在这里插入图片描述

    2. 在进入小程序的界面

    传递的参数,特殊字符需要通过decodeURIComponent函数转码

    // 获取扫描二维码传递过来的参数
    onLoad(query) {
    	console.log(query);
    	// 传递的参数需要转码
    	const scene = decodeURIComponent(query.scene);
    	console.log(scene);
    	this.qrcodeParam = scene;
    },
    
    展开全文
  • 1 前言我们在开发手机版网页的时候,常常会出现...4 在线demo微信扫描以下二维码(或微信内长按图片识别二维码),即可体验vConsole面板。目前vConsole已开源到WeChatFE的Github中。 标签:腾讯 前端工具

空空如也

空空如也

1 2 3
收藏数 42
精华内容 16
关键字:

手机怎么识别二维码图片