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

我们经常在一些在线相册网站上面能看到一些有关相片的拍摄信息如：相机品牌，相机型号，快门，光圈，ISO，焦段，曝光补偿，白平衡，饱和度，锐利度，拍摄日期...，这些信息称为Exif，以前我们经常是通过java,php这些编程语言在服务器端获取Exif。

创新互联公司专业为企业提供河南网站建设、河南做网站、河南网站设计、河南网站制作等企业网站建设、网页设计与制作、河南企业网站模板建站服务，10年河南做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

但是这些简单信息真的用到服务器端获取吗，杀鸡焉用牛刀？

今天介绍这个jquery插件- jQuery.Exif完全可以在客户端完成这些事情，减轻服务器负载。

 
 
 
 

  
  
  
  
< script src = "js/jquery-1.4.4.min.js" >   
  
  
  
  
< script src = "js/jquery.exif.js" >   
  
  
  
  
< 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 + "
" +   
  
  
  
  
                　"型号：" + model + "
" +   
  
  
  
  
                　"快门：" + t + " (" + $this. exif ( "ExposureTime" ) + "sec)
" +   
  
  
  
  
                　"光圈：F" + f + "
" +   
  
  
  
  
                　"ISO：" + iso + "
" +   
  
  
  
  
                　"焦段：" + length + "mm
" +   
  
  
  
  
                　"曝光补偿：" + ev + "
" +   
  
  
  
  
                  "白平衡：" + wb + "
" +   
  
  
  
  
                  "饱和度：" + sa + "
" +   
  
  
  
  
                  "锐利度：" + sha + " 
" +   
  
  
  
  
                　"软体：" + soft + "
" +   
  
  
  
  
                  "解析度：" + dpi + "DPI
" +                       
  
  
  
  
                  "日期：" + 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 ( ) ) ;   
  
  
  
  
    } ) ;   
  
  
  
  
} ) ;   
  
  
  
  
 
 
 
 
 

演示    下载

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

分享题目：jQuery.Exif获取数码照片的基本信息
网站URL：http://www.csdahua.cn/qtweb/news0/480650.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网