二维码解析器

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

二维码解析器 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实现社会化分享插件

社会化分享插件简单高效酷炫顺畅的交互体验目前可以分享的平台有:腾讯微博新浪微博QQ空间豆瓣微信二维码分享
  独立的部件
 49860  189

jQuery页面分享插件

为站点提供页面分享,微信分享未完成
  独立的部件
 7415  70

jquery生成二维码

jquery生成二维码
  独立的部件
 17756  152

jQuery HTML导出Excel插件table2excel

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

讨论这个项目(15)回答他人问题或分享插件使用方法奖励jQ币

    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

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

    回复
    hd面具人生 0
    2017/12/12 12:37:31
    我是在微信里面用的,安卓机跟苹果都能调取本地照片或相机,但苹果机里面好像打印不出那个url1,url1是不是只有两个值的?这个在苹果机的问题有什么解决方案吗?求告知,拜谢
        ?花心境0
        2017/12/14 9:55:20
        我用苹果7测试了,是能够解析的,你说说你具体的问题。
        ?花心境0
        2017/12/14 9:57:27

        测试地址:https://rattenking.github.io/demo/15/index.html

    回复
    hd面具人生 0
    2017/12/12 10:14:14

    在苹果手机端会出什么兼容问题吗?

        ?花心境0
        2017/12/12 10:31:18

        应该没问题,用的是qrcode.js

        hd面具人生0
        2017/12/12 12:33:17
        我是在微信里面用的,安卓机跟苹果都能调取本地照片或相机,但苹果机里面好像打印不出那个url1,url1是不是只有两个值的?这个在苹果机的问题有什么解决方案吗?求告知,拜谢
    回复
    YUBIN 0
    2017/12/5 16:10:50

    安卓手机不能调用拍照扫描功能 求指教

        ?花心境0
        2017/12/6 9:37:03

        没有做扫描二维码这个功能,由于浏览器调用摄像头功能兼容性不是很好,没做,如果你是做APP,可以采用原生。这个只是解析二维码。

    回复
    YUBIN 0
    2017/12/5 11:30:18

    调用摄像头怎么不会自动扫描二维码呢

    回复
    arechi 0
    2017/10/19 12:06:33
    真的很不错的样子。 回复
    Elin.简 0
    2017/9/21 18:22:56
取消回复