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

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供河南網(wǎng)站建設(shè)、河南做網(wǎng)站、河南網(wǎng)站設(shè)計(jì)、河南網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、河南企業(yè)網(wǎng)站模板建站服務(wù),10年河南做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
但是這些簡(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 + "
" +- "型號(hào):" + model + "
" +- "快門:" + t + " (" + $this. exif ( "ExposureTime" ) + "sec)
" +- "光圈:F" + f + "
" +- "ISO:" + iso + "
" +- "焦段:" + length + "mm
" +- "曝光補(bǔ)償:" + 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 ( ) ) ;
- } ) ;
- } ) ;
- script >
演示 下載
原文鏈接:http://www.beb8.com/post-192.html
當(dāng)前標(biāo)題:jQuery.Exif獲取數(shù)碼照片的基本信息
路徑分享:http://fisionsoft.com.cn/article/copgcpj.html


咨詢
建站咨詢
