This commit is contained in:
cnwhy
2018-07-18 03:38:56 +08:00
commit e7ea6ce581
24 changed files with 3013 additions and 0 deletions
+14
View File
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>qrcode-decode</title>
</head>
<body>
<input type="file" name="file" id="file"><br>
<div></div>
</body>
<script type="text/javascript" src="test.js"></script>
</html>
+40
View File
@@ -0,0 +1,40 @@
var qrcodeDecode = require('../')
document.getElementById('file').onchange = function (event) {
var el = event.target;
if (!el.files.length) return;
// console.log(el.files[0]);
var file = el.files[0];
new Promise(function (ok, no) {
/* if(window.URL && window.URL.createObjectURL){ //缓存预览
ok(window.URL.createObjectURL(file));
}else */
if (typeof FileReader) {
//urldata预览
var reader = new FileReader();
reader.onload = evt => {
ok(evt.target.result);
};
reader.readAsDataURL(file);
} else {
ok();
}
}).then((src)=>{
var img = new Image();
img.src = src;
img.onload = function(){
var canvas = document.createElement("canvas");
var ctx = canvas.getContext('2d');
canvas.width = img.width;
canvas.height = img.height;
ctx.drawImage(img,0,0,canvas.width,canvas.height)
//inputimg.src = src;
//qrcode.decode(src);
var imageData = ctx.getImageData(0,0,canvas.width,canvas.height)
alert(qrcodeDecode(imageData));
}
});
//el.outerHTML = el.outerHTML;
}