h5 js或者jquery实现二维码扫描功能 求demo

JavaScript09

h5 js或者jquery实现二维码扫描功能 求demo,第1张

首先,扫描二维码需要调用手机摄像头,而网页本身是没法直接驱动硬件的;

SO:以Android为例:你可以用JS通过WebView调用Java方法,Java方法里面去写调用摄像头扫码二维码事件,将扫描结果在通过webview回传。

通过下面的代码即可实现:

HBuilder就有调用原生硬件的接口html5++

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Camera Example</title>

<script type="text/javascript">

// 扩展API加载完毕后调用onPlusReady回调函数

document.addEventListener( "plusready", onPlusReady, false )

var r = null

// 扩展API加载完毕,现在可以正常调用扩展API

function onPlusReady() {

// 获取设备默认的摄像头对象

var cmr = plus.camera.getCamera()

1、代码:代码就是程序员用 开发工具所支持的语言写出来的 源文件,是一组由 字符、符号或信号 码元以离散形式表示信息的明确的规则体系。

2、html5:是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言( HTML)的第五次重大修改。2014年10月29日, 万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。

可以使用juqery的 qrcode来实现!

1, 引入 jquery 及其qrcode 插件js: jquery.js , jquery.qrcode.min.js

2 , 指定一个二维码容量元素: <div id="qrcode"></div>

3 , 在指定的容量元素中生成二维码: jquery('#qrcode').qrcode("这里是想要扫描后的获得的地址")