我們經常在一些在線相冊網站上面能看到一些有關相片的拍攝信息如：相機品牌，相機型號，快門，光圈，ISO，焦段，曝光補償，白平衡，飽和度，銳利度，拍攝日期...，這些信息稱為Exif，以前我們經常是通過java,php這些編程語言在服務器端獲取Exif。

但是這些簡單信息真的用到服務器端獲取嗎，殺雞焉用牛刀？

今天介紹這個jquery插件- jQuery.Exif完全可以在客戶端完成這些事情，減輕服務器負載。

< script src = "js/jquery-1.4.4.min.js" ></ script >   
< script src = "js/jquery.exif.js" ></ script >   
< script >   
$ ( window ) . load ( function ( ) {   
var $this = $ ( "#img" ) . exifLoad ( function ( ) {   
    var make = $this. exif ( "Make" ) ;   
    var model = $this. exif ( "Model" ) ;   
    var t = $this. exif ( "ExposureTime" ) ;   
    var f = $this. exif ( "FNumber" ) ;   
    var length = $this. exif ( "FocalLength" ) ;   
    var iso = $this. exif ( "ISOSpeedRatings" ) ;   
    var ev = $this. exif ( "ExposureBias" ) ;   
    var soft = $this. exif ( "Software" ) ;   
    var date = $this. exif ( "DateTime" ) ;   
    var dpi = $this. exif ( "XResolution" ) ;   
    var sa = $this. exif ( "Saturation" ) ;   
    var sha = $this. exif ( "Sharpness" ) ;   
    var wb = $this. exif ( "WhiteBalance" ) ;  
   
    if ( t < 1 ) {   
        t = "1/" + Math. round ( 1 / t ) ;   
    } else {   
        t = t + "秒" ;   
    }   
    var evnum =  new Number ( ev ) ;   
    ev = evnum. toFixed ( 1 ) ;       
   
    var showExit =  "相機：" + make + "<br>" +   
                　"型號：" + model + "<br>" +   
                　"快門：" + t + " (" + $this. exif ( "ExposureTime" ) + "sec)<br>" +   
                　"光圈：F" + f + "<br>" +   
                　"ISO：" + iso + "<br>" +   
                　"焦段：" + length + "mm<br>" +   
                　"曝光補償：" + ev + "<br>" +   
                  "白平衡：" + wb + "<br>" +   
                  "飽和度：" + sa + "<br>" +   
                  "銳利度：" + sha + " <br>" +   
                　"軟體：" + soft + "<br>" +   
                  "解析度：" + dpi + "DPI<br>" +                       
                  "日期：" + date ;  
   
    $ ( ".exif-data" ) . html ( showExit. replace ( new RegExp ( String. fromCharCode ( 0 ) ,  "g" ) ,  '' ) ) ;  
   
    var title = $this. attr ( "title" ) ;   
    var ps = $this. attr ( "alt" ) ;   
    $ ( ".alumb h1" ) . html ( title ) ;      
    $ ( ".alumb p" ) . html ( ps ) ;      
   
    alert ( "完整Exif資料：\r \n  \r \n " + $this. exifPretty ( ) ) ;   
    } ) ;   
} ) ;   
</ script > 

演示    下載

原文鏈接：http://www.beb8.com/post-192.html