[js] 写一个方法获取图片的方向
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="description" content=""><meta name="viewport" content="width=device-width, initial-scale=1"><title></title>
<script>
function getOrientation(file, callback) {
var reader = new FileReader();
reader.onload = function(e) {var view = new DataView(e.target.result);
if (view.getUint16(0, false) != 0xFFD8)
{
return callback(-2);
}
var length = view.byteLength, offset = 2;
while (offset < length)
{
if (view.getUint16(offset+2, false) <= 8) return callback(-1);
var marker = view.getUint16(offset, false);
offset += 2;
if (marker == 0xFFE1)
{
if (view.getUint32(offset += 2, false) != 0x45786966)
{
return callback(-1);
}var little = view.getUint16(offset += 6, false) == 0x4949;
offset += view.getUint32(offset + 4, little);
var tags = view.getUint16(offset, little);
offset += 2;
for (var i = 0; i < tags; i++)
{
if (view.getUint16(offset + (i * 12), little) == 0x0112)
{
return callback(view.getUint16(offset + (i * 12) + 8, little));
}
}
}
else if ((marker & 0xFF00) != 0xFF00)
{
break;
}
else
{
offset += view.getUint16(offset, false);
}
}
return callback(-1);
};
reader.readAsArrayBuffer(file);
}
window.onload = function(){
var input = document.getElementById('input');
input.onchange = function(e) {
getOrientation(input.files[0], function(orientation) {
alert('orientation: ' + orientation);
});
}
};
</script>
</head>
<body>
<input id='input' type='file' />
</body>
</html>
个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
![[js] 在设置keyup监听事件后按F5刷新和按浏览器中刷新键刷新有什么区别？](http://pic.xiahunao.cn/[js] 在设置keyup监听事件后按F5刷新和按浏览器中刷新键刷新有什么区别？)
![[js] 用js写一个方法检测浏览器是否支持css3的属性](http://pic.xiahunao.cn/[js] 用js写一个方法检测浏览器是否支持css3的属性)
![[js] 对`a == (‘1‘||‘2‘||‘3‘) ? false : true`写法进行改进，写出你优化后的方法](http://pic.xiahunao.cn/[js] 对`a == (‘1‘||‘2‘||‘3‘) ? false : true`写法进行改进，写出你优化后的方法)
![[BZOJ 1452] Count](http://pic.xiahunao.cn/[BZOJ 1452] Count)
)
![[js] Geolocation.getCurrentPosition()用来做什么的？在什么浏览器不受兼容？](http://pic.xiahunao.cn/[js] Geolocation.getCurrentPosition()用来做什么的？在什么浏览器不受兼容？)
![[js] setTimeout的第三个参数有什么用？](http://pic.xiahunao.cn/[js] setTimeout的第三个参数有什么用？)
![[js] 解释下深度优先遍历和广度优先遍历的区别及如何实现](http://pic.xiahunao.cn/[js] 解释下深度优先遍历和广度优先遍历的区别及如何实现)
![[js] 你认为es5的设计缺陷有哪些？](http://pic.xiahunao.cn/[js] 你认为es5的设计缺陷有哪些？)
