写一个方法获取图片的方向
<!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>
-
本文向大家介绍写一个方法获取图片的原始宽高相关面试题，主要包含被问及写一个方法获取图片的原始宽高时的应答技巧和注意事项，需要的朋友参考一下
-
本文向大家介绍写一个方法获取div的宽高相关面试题，主要包含被问及写一个方法获取div的宽高时的应答技巧和注意事项，需要的朋友参考一下
-
本文向大家介绍js获取图片宽高的方法，包括了js获取图片宽高的方法的使用技巧和注意事项，需要的朋友参考一下 本文分享多种js获取图片宽高的方法，并且通过实例进行分析，希望大家从中有所收获。 一、简陋的获取图片方式 结果如下： 宽高都是0的这个结果很正常，因为图片的相关数据都没有被加载前它的宽高默认就是0 于是可以这么优化！ 二、onload后在打印 结果如下 通过onload就能获取到图片的宽
-
本文向大家介绍PHP获取photoshop写入图片文字信息的方法，包括了PHP获取photoshop写入图片文字信息的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了PHP获取photoshop写入图片文字信息的方法。分享给大家供大家参考。具体分析如下： 有些摄影师喜欢把图片的标题，内容，关键词等用photoshop直接写入图片文件里面。 用以下代码可以读取。 希望本文所述对大家的ph
-
本文向大家介绍写个给图片加水印的方法相关面试题，主要包含被问及写个给图片加水印的方法时的应答技巧和注意事项，需要的朋友参考一下 都用Canvas的方案解决 情况一：水印是图片（两张图片canvas.drawImage两次重叠即可） 情况二：水印是纯文字
-
本文向大家介绍JS获取图片lowsrc属性的方法，包括了JS获取图片lowsrc属性的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS获取图片lowsrc属性的方法。分享给大家供大家参考。具体如下： lowsrc属性一般设置为图片的低分辨率图片地址，下面的代码可以通过点击链接显示图片的低分辨率版本 希望本文所述对大家的javascript程序设计有所帮助。