jQuery.Exif获取数码照片的基本信息

我们经常在一些在线相册网站上面能看到一些有关相片的拍摄信息如：相机品牌，相机型号，快门，光圈，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