[js] 写一个方法获取图片的方向
生活随笔
收集整理的這篇文章主要介紹了
[js] 写一个方法获取图片的方向
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
[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] 写一个方法获取图片的方向的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [css] 怎么让div中的图片和文字
- 下一篇： [css] 相邻兄弟选择器、后代选择器