我們經(jīng)常在一些在線相冊(cè)網(wǎng)站上面能看到一些有關(guān)相片的拍攝信息如：相機(jī)品牌，相機(jī)型號(hào)，快門(mén)，光圈，ISO，焦段，曝光補(bǔ)償，白平衡，飽和度，銳利度，拍攝日期...，這些信息稱(chēng)為Exif，以前我們經(jīng)常是通過(guò)java,php這些編程語(yǔ)言在服務(wù)器端獲取Exif。

但是這些簡(jiǎn)單信息真的用到服務(wù)器端獲取嗎，殺雞焉用牛刀？

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

< 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 =  "相機(jī)：" + make + "<br>" +   
                　"型號(hào)：" + model + "<br>" +   
                　"快門(mén)：" + t + " (" + $this. exif ( "ExposureTime" ) + "sec)<br>" +   
                　"光圈：F" + f + "<br>" +   
                　"ISO：" + iso + "<br>" +   
                　"焦段：" + length + "mm<br>" +   
                　"曝光補(bǔ)償：" + 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