UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

二维码解析器

所属分类：其他-独立的部件

 63495  364  查看评论 (29)
分享到微信朋友圈
X
二维码解析器 ie兼容10
 查看演示  立即下载

更新时间：2017/9/25 下午4:03:40

更新说明：

1，扩展了移动端‘长按触发事件’

//扩展移动端长按事件
$.fn.longPress = function (fn) {
　　let timer = null;
　　let $this = this;
　　for (let i = 0; i < $this.length; i++) {
　　$this[i].addEventListener('touchstart', function (event) {
　　timer = setTimeout(fn, 600);
　　}, false);
　　$this[i].addEventListener('touchend', function (event) {
　　clearTimeout(timer);
　　}, false);
　　}
}

2，添加了触发事件的动作‘弹出框’

$('#showImg').longPress(function(){
let str = '
'+
'识别二维码'+
'
弹出地址
'+
'当前窗口打开地址
'+
'
新窗口打开地址
'+
'';
$('#analytic').append(str);
});

3，添加了弹出框不同参数的点击事件

function alertChange(param) {
    if (param === 1) {
        getUrl(document.getElementById('showImg'), 'img-url');
    } else if (param === 2) {
        analyticCode.getUrl('img-url', document.getElementById('showImg'), function(url) {
            alert(url);
        });
    } else if (param === 3) {
        analyticCode.getUrl('img-url', document.getElementById('showImg'), function(url) {
            window.location.href = url;
        });
    } else if (param === 4) {
        analyticCode.getUrl('img-url', document.getElementById('showImg'), function(url) {
            window.open(url);
        });
    } else {
        return;
    }
    $('#addDiv').remove();
}
analyticCode.getUrl(param,e,function(url1,url2){
    e.nextElementSibling.innerHTML = url1;
    e.previousElementSibling.src = url2;
});

param:是解析形式，分别有‘img-url’（长按解析二维码），‘file-url’（上传图片解析二维码）

e:是当前元素，长按时为当前图片，上传时为input

callback:是解析后将解析的内容在函数中返回，如果是上传解析，同时会返回上传图片的地址，在callback中操作当前页面

相关插件-独立的部件
查看更多

jQuery HTML导出Excel插件table2excel

 jquerytable2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件。该插件可以根据你的需要导出表格中的内容，不需要的行可以不导出。它文件体积小，使用非常方便。
  独立的部件
 123350  508

jquery-ui改良版

 jquery-ui或许你都看厌了那些ui，改良后的ui较为现代化
  独立的部件
 40272  352

jQuery前端excel导入插件xlsx.core.js

 此插件作用可以把excel表，导入到网页中用table显示出来
  独立的部件
 57259  417

CSS3开关切换按钮

 多组超具创意的CSS3开关切换按钮
  独立的部件
 42245  500

讨论这个项目（29）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    PHG 0
    2019/12/23 9:48:44
    error decoding QR Code
        蜡笔小新说你?妖言惑众0
        2019/12/26 17:43:02
        904652237 可以交流一下吗,最近在做这个功能
        第八日的蝉。0
        2021/3/19 9:20:12
        问题解决了吗，急！！！！！！
    回复
    财神4 0
    2019/4/4 0:33:34
    解析不了微信收款码 你那有解析二维码的js源码吗? 求发一份 回复
    melon23 0
    2019/3/13 11:31:49
    浪费我10元钱
        烙刻0
        2019/8/1 20:23:32
        我也是，有点问题
    回复
    melon23 0
    2019/3/13 11:25:39
    下载下来只有3k的文件
        西瓜0
        2019/3/13 11:54:11
        重新下载试试，我这里刚测试，下载文件正常。
        西瓜0
        2019/3/13 11:55:10
        重新下载，不会重复扣jQ币的
    回复
    林海亮 0
    2018/7/21 16:56:20
    这插件长按二维码图片能识别吗？ 回复
    №为生活而崛起^ω^ 0
    2018/5/10 14:14:16
    怎么解析不了微信收款码
        ?花心境0
        2018/8/7 17:16:42
        不能解析微信支付宝的收款码，解析规则不一样。
    回复
    Maxwell 0
    2018/3/7 21:17:59
    苹果可以使用上传解析，安卓不行呢 回复
    hd面具人生 0
    2017/12/17 17:09:01

    向大神道个歉，之前是在ios9.0的环境下测试的，所以才有bug，在ios10以上就没问题了

    回复
    hd面具人生 0
    2017/12/16 16:49:28
    hd面具人生 0
    2017/12/16 16:33:19

    你好，在你的测试地址进行了测试，在苹果的Safari打开是出现了这些错误     

    SyntaxError: Use of reserved word 'let' in strict mode

            SyntaxError: Expected an identifier but found 'timer' instead                 index.html:76

    点击上传图片后又多了一个错误

    ReferenceError: Can't find variable: getUrl                                      index.html:65

    在真机上是直接调取不了选择文件的功能的

        hd面具人生0
        2017/12/16 16:36:55

        说错了，可以选取文件，但没有预览也没有返回值

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复