diff --git a/browser.js b/browser.js
new file mode 100644
index 0000000..7a11bae
--- /dev/null
+++ b/browser.js
@@ -0,0 +1,25 @@
+var qrDecode = require('./')
+
+var decode =
+	exports.decode = function (bom) {
+		var canvas = document.createElement("canvas")
+		var ctx = canvas.getContext('2d')
+		canvas.width = bom.width;
+		canvas.height = bom.height;
+		ctx.drawImage(bom, 0, 0, canvas.width, canvas.height);
+		var data = ctx.getImageData(0, 0, canvas.width, canvas.height);
+		return qrDecode(data)
+	}
+
+exports.decodeByUrl = function (src, cb) {
+	var img = new Image();
+	img.src = src;
+	img.onload = function () {
+		try {
+			cb(null,decode(img));
+		} catch (e) {
+			cb(e);
+		}
+	}
+	img.onerror = cb;
+}
\ No newline at end of file
diff --git a/demo/index.html b/demo/index.html
index 7721c29..5010161 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -10,5 +10,5 @@
 	<input type="file" name="file" id="file"><br>
 	<div></div>
 </body>
-<script type="text/javascript" src="test.js"></script>
+<script type="text/javascript" src="test.1.js"></script>
 </html>
\ No newline at end of file
diff --git a/demo/test.js b/demo/test.js
index e3893f2..2cdb964 100644
--- a/demo/test.js
+++ b/demo/test.js
@@ -1,5 +1,5 @@
-var qrcodeDecode = require('../')
-
+var qrcodeDecode = require('../browser')
+console.log(1111)
 document.getElementById('file').onchange = function (event) {
 	var el = event.target;
 	if (!el.files.length) return;
@@ -20,19 +20,16 @@ document.getElementById('file').onchange = function (event) {
 			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));
-		}
+		qrcodeDecode.decodeByUrl(src,function(err,txt){
+			var msg = document.createElement("div")
+			if(err){
+				console.log(err);
+				msg.innerHTML = "err: <br>" + err;
+			}else{
+				msg.innerHTML = txt;
+			}
+			document.body.appendChild(msg);
+		})
 
 	});
 
diff --git a/package.json b/package.json
index 1ece7f8..8d23eb4 100644
--- a/package.json
+++ b/package.json
@@ -4,8 +4,8 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "test": "npm demo",
-    "demo": "parcel ./demo"
+    "test": "npm run demo",
+    "demo": "parcel ./demo/index.html"
   },
   "repository": {
     "type": "git",
diff --git a/server.js b/server.js
index c4c7651..065e074 100644
--- a/server.js
+++ b/server.js
@@ -4,8 +4,11 @@ var imgType = require('image-type')
 var qrDecode = require('./')
 // var jpg = require('./src/imageDecode/jpg');
 
-
-function decode(buffer) {
+/**
+ * 通过Buffer识别二维码
+ * @param {buufer} buffer 文件的Buffer
+ */
+function decodeByBuffer(buffer,debug) {
 	var type;
 	return new Promise(function (res, rej) {
 		type = (imgType(buffer) || {}).ext;
@@ -31,7 +34,7 @@ function decode(buffer) {
 				throw 'not image!'
 		}
 	}).then(function (imageData) {
-		if (type == 'gif') {
+		if (type == 'gif' || type == 'png') {
 			return new Promise(function (res, rej) {
 				var errList = [];
 				var images = imageData;
@@ -40,7 +43,7 @@ function decode(buffer) {
 					if (errList.length < images.length) return;
 					rej('解码失败!')
 				}
-				// console.log('length',imageData.length)
+				debug && console.log('length',imageData.length)
 				if (imageData.length <= 0) {
 					rej('解码失败!')
 				} else if (imageData.length > 3) {
@@ -57,13 +60,13 @@ function decode(buffer) {
 						images.push(imageData[Math.floor(i*sp)])
 					}while(i++<l)
 				}
-				// console.log(images.length)
+				debug && console.log(images.length)
 				images.forEach(function (v) {
 					setTimeout(function () {
 						try {
 							res(qrDecode(v));
 						} catch (e) {
-							console.log(e);
+							debug && console.log(e);
 							onerr(e)
 						}
 					}, 0)
@@ -73,13 +76,19 @@ function decode(buffer) {
 		return qrDecode(imageData);
 	})
 }
-exports.decodeQRFile = function (path) {
+
+/**
+ * 识别二维码图片文件
+ * @param {String} path 文件路径
+ */
+exports.decodeByPath = function (path) {
 	return new Promise(function (res, rej) {
 		fs.readFile(path, function (err, buffer) {
 			if (err) { return rej(err) }
-			res(decode(buffer));
+			res(decodeByBuffer(buffer));
 		})
 	})
 }
 
-exports.decode = decode;
\ No newline at end of file
+exports.decodeByBuffer = decodeByBuffer;
+exports.decodeByImageData = qrDecode;
\ No newline at end of file
diff --git a/src/imageDecode/index.js b/src/imageDecode/index.js
index 4687198..f263153 100644
--- a/src/imageDecode/index.js
+++ b/src/imageDecode/index.js
@@ -1,10 +1,12 @@
 var jpg = require('./jpg');
 var jpgDecode = new jpg.JpegDecoder();
-var pngDecode = require('./png').decode;
+var upng = require('./png');
 var bmpDecode = require('./bmp');
 var gifDecode = require('./gif').decode;
 var gif1Decode = require('./gif.1').decode;
 
+
+
 exports.bmp = function (buffer) {
 	// return new Promise(function (res, rej) {
 	// 	res(bmpDecode(buffer));
@@ -22,20 +24,18 @@ exports.jpg = function (buffer) {
 }
 
 exports.png = function (buffer) {
-	// return new Promise(function (res, rej) {
-	// 	var png = pngDecode(buffer);
-	// 	res({
-	// 		data: png.data,
-	// 		width: png.width,
-	// 		height: png.height
-	// 	});
-	// })
-	var png = pngDecode(buffer);
-	return {
-		data: png.data,
-		width: png.width,
-		height: png.height
-	};
+	// console.log('png');
+	var png = upng.decode(buffer);
+	var datas = upng.toRGBA8(png);
+	var images = [];
+	datas.forEach(function(v){
+		images.push({
+			width:png.width,
+			height:png.height,
+			data:new Uint8Array(v),
+		})
+	})
+	return images;
 }
 
 exports.gif = function (data) {
diff --git a/src/lib/Findpat.js b/src/lib/Findpat.js
index 551334d..0c15c65 100644
--- a/src/lib/Findpat.js
+++ b/src/lib/Findpat.js
@@ -5,24 +5,6 @@
   
 */
 
-/*
-*
-* Copyright 2007 ZXing authors
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*      http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
-
-
 var MIN_SKIP = 3;
 var MAX_MODULES = 57;
 var INTEGER_MATH_SHIFT = 8;
diff --git a/test/img/16.bmp b/test/img/16.bmp
new file mode 100644
index 0000000..f66e599
Binary files /dev/null and b/test/img/16.bmp differ
diff --git a/test/img/out.bmp b/test/img/24.bmp
similarity index 97%
rename from test/img/out.bmp
rename to test/img/24.bmp
index d336f7b..aef047f 100644
Binary files a/test/img/out.bmp and b/test/img/24.bmp differ
diff --git a/test/img/24.png b/test/img/24.png
new file mode 100644
index 0000000..457c94b
Binary files /dev/null and b/test/img/24.png differ
diff --git a/test/img/32.bmp b/test/img/32.bmp
new file mode 100644
index 0000000..51e8cf8
Binary files /dev/null and b/test/img/32.bmp differ
diff --git a/test/img/8.png b/test/img/8.png
new file mode 100644
index 0000000..7517286
Binary files /dev/null and b/test/img/8.png differ
diff --git a/test/img/a.jpg b/test/img/a.jpg
deleted file mode 100644
index 0fcf3ea..0000000
Binary files a/test/img/a.jpg and /dev/null differ
diff --git a/test/img/dt.gif b/test/img/dt.gif
index 4e80a44..746847f 100644
Binary files a/test/img/dt.gif and b/test/img/dt.gif differ
diff --git a/test/img/dt1.gif b/test/img/dt1.gif
deleted file mode 100644
index e5b3aa3..0000000
Binary files a/test/img/dt1.gif and /dev/null differ
diff --git a/test/img/out.gif b/test/img/jt.gif
similarity index 100%
rename from test/img/out.gif
rename to test/img/jt.gif
diff --git a/test/img/lx.jpg b/test/img/lx.jpg
new file mode 100644
index 0000000..ffa251c
Binary files /dev/null and b/test/img/lx.jpg differ
diff --git a/test/img/out.jpg b/test/img/out.jpg
deleted file mode 100644
index 65213a4..0000000
Binary files a/test/img/out.jpg and /dev/null differ
diff --git a/test/img/out.png b/test/img/out.png
deleted file mode 100644
index 8528ab9..0000000
Binary files a/test/img/out.png and /dev/null differ
diff --git a/test/img/out1.gif b/test/img/out1.gif
deleted file mode 100644
index 0ac0cad..0000000
Binary files a/test/img/out1.gif and /dev/null differ
diff --git a/test/img/out2.bmp b/test/img/out2.bmp
deleted file mode 100644
index a04babc..0000000
Binary files a/test/img/out2.bmp and /dev/null differ
diff --git a/test/img/out副本.gif b/test/img/out副本.gif
deleted file mode 100644
index 0ac0cad..0000000
Binary files a/test/img/out副本.gif and /dev/null differ
diff --git a/test/img/png.gif b/test/img/png.gif
new file mode 100644
index 0000000..27c3eb0
Binary files /dev/null and b/test/img/png.gif differ
diff --git a/test/img/png.psd b/test/img/png.psd
new file mode 100644
index 0000000..b877d0c
Binary files /dev/null and b/test/img/png.psd differ
diff --git a/test/img/qrerr.jpg b/test/img/qrerr.jpg
deleted file mode 100644
index 0ba72e8..0000000
Binary files a/test/img/qrerr.jpg and /dev/null differ
diff --git a/test/img/test.jpeg b/test/img/test.jpeg
deleted file mode 100644
index 866363a..0000000
Binary files a/test/img/test.jpeg and /dev/null differ
diff --git a/test/img/yh.jpg b/test/img/yh.jpg
new file mode 100644
index 0000000..355ea96
Binary files /dev/null and b/test/img/yh.jpg differ
diff --git a/test/node.js b/test/node.js
index 95f53e0..7f67f6c 100644
--- a/test/node.js
+++ b/test/node.js
@@ -1,12 +1,23 @@
 var imgDecode = require('../server')
+var path = require('path');
+var dir = __dirname;
+// console.log(path);
+var P = function (p) {
+	return path.join(__dirname, p);
+}
 
-
-imgDecode.decodeQRFile('./img/out.bmp').then(console.log)
-imgDecode.decodeQRFile('./img/out.jpg').then(console.log,console.error)
-imgDecode.decodeQRFile('./img/out.png').then(console.log,console.error)
-imgDecode.decodeQRFile('./img/out.gif').then(console.log,console.error)
-imgDecode.decodeQRFile('./img/dt.gif').then(console.log,console.error)
-imgDecode.decodeQRFile('./img/dt1.gif').then(console.log,console.error)
-
-//动态img
+var test = function (path, mark) {
+	return imgDecode.decodeByPath(P(path))
+		.then(console.log.bind(console, mark + ': '), console.error.bind(console, mark + ':'))
+}
+Promise.resolve()
+	.then(function () { test('./img/16.bmp', 'bmp16 ') })
+	.then(function () { return test('./img/24.bmp', 'bmp24 ') })
+	.then(function () { return test('./img/32.bmp', 'bmp32 ') })
+	.then(function () { return test('/img/lx.jpg', 'jpg_lx') }) //jpg 连续
+	.then(function () { return test('/img/yh.jpg', 'jpg_yh') }) //jpg 优化
+	.then(function () { return test('./img/8.png', 'png8  ') })
+	.then(function () { return test('./img/24.png', 'png24 ') })
+	.then(function () { return test('./img/jt.gif', 'gif_jt') }) //单帧
+	.then(function () { return test('./img/dt.gif', 'gif_dt') }) //多帧