APIcoud 手机二维码or条码生成与扫描模块

刚接触APIcoud 的时候觉得很多模块真的好难，初次接触二维码的时候觉得，生成二维码真的很费劲呢，其实不然，是真的很难，但是APIcoud 已经封装好生成和扫描二维码的模块，

我们只需要调用就可以愉快的使用二维码了。

官方文档里面的使用方法里面，难免有些不易懂，本文教你如何愉快的开发二维码模块。

废话不多说！上代码

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>端API</title>
<link rel="stylesheet" type="text/css" href="../css/api.css" />
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<style>
.empty {
text-align: center;
padding: 120px 0;
}

button {
background-color: #4682B4;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 6px; //圆角设置
}

body {
text-align: center;
margin-top: 10%
}
</style>
</head>

<body>
<div class="empty">端API</div>
<button type="button" name="button" οnclick="dan()">单击打开二维码扫描器</button>
<button type="button" name="button" οnclick="add()">生成参数二维码</button>
</body>

</html>
<!DOCTYPE html>
<script type="text/javascript">
var FNScanner=null;//全局变量
apiready = function() {
FNScanner = api.require('FNScanner'); //使用二维码模块
api.addEventListener({name: 'resume'}, function(ret, err) {FNScanner.onResume();
// alert('应用回到前台');
//通知当前本模块app进入回到前台。此时模块会进行一些资源的恢复操作，防止照相机回来之后黑屏
});
api.addEventListener({ name: 'pause'}, function(ret, err) {FNScanner.onPause();
// alert('应用进入后台');
//通知当前本模块app进入后台。此时模块会进行一些资源的暂停存储操作，防止照相机回来之后黑屏
});
};
function dan() {
open(); //打开系统二维码扫描模块
}
function open() {
FNScanner.open({
sound: 'widget://image/MP3/5383.wav',
//扫描后二维码声音
autorotation: true , //是否自动旋转
// saveToAlbum:true, //是否把扫描的二维码保存到相册
hintText: '请对准二维码', //底部提示文字默认值：'对准条形码/二维码，即可自动扫描'
}, function(ret, err) {
if (ret) {
if (ret.eventType == "success") {
var i = JSON.stringify(ret.content);
alert(i)
}
} else {
alert(JSON.stringify(err));
}
});
}
//生成二维码
function add() {
FNScanner.encodeImg({
// //取值范围
// bar_image（生成条形码图片）
// qr_image（生成二维码图片）
type: 'bar_image',
content: 12, //所要生成的二维码/条形码字符串，当 type 为 bar_image 时，该值只能为数字字符串
saveToAlbum: true, //（可选项）扫描的二维码/条形码图片是否自动保存到相册
}, function(ret, err) {
if (ret) {
if (ret.status) {
alert("生成成功、地址为：" + JSON.stringify(ret.albumPath))
}
} else {
alert(JSON.stringify(err))
}

})
}
</script>

<html>

posted @ 2018-11-15 16:04 上铺的那个人阅读(...) 评论(...) 编辑收藏