對于許多網(wǎng)站,圖片占據(jù)了很大一部分的展示面積。而對于這些圖片的管理,我們需要了解一些關(guān)于exif數(shù)據(jù)的知識。exif是一種包含了相機信息、拍攝時間、地理位置等元數(shù)據(jù)的圖片格式。而在網(wǎng)頁設(shè)計中,也經(jīng)常會用到j(luò)query這一工具庫。
$(document).ready(function() { var exif = {}; var latitude, longitude; function getExifData(file) { var reader = new FileReader(); reader.onload = function(e) { var tags = exifReader.load(e.target.result); exif = tags; // 獲取經(jīng)緯度信息 var latLong = exif.gpsLatitude + " " + exif.gpsLongitude; // 轉(zhuǎn)換為可讀格式 var coorObj = ExifUtils.convertDecToDegMinSec(latLong); if (coorObj && coorObj.latitude && coorObj.longitude) { latitude = coorObj.latitude; longitude = coorObj.longitude; } }; reader.readAsArrayBuffer(file); } });
上述代碼展示了如何利用jquery和exifReader插件來讀取圖片的exif數(shù)據(jù)。我們可以根據(jù)這些數(shù)據(jù),獲取圖片的拍攝時間、地理位置等信息,從而更好地管理和展示圖片。
需要注意的是,獲取圖片exif數(shù)據(jù)需要使用FileReader對象,而該對象是HTML5中新增的。因此,不支持HTML5的瀏覽器可能會存在兼容性問題。