Exif是一種圖象檔案格式，它的資料儲存與JPEG格式是完全相同的。實際上Exif格式就是在JPEG格式頭部插入了數碼照片的資訊，包括拍攝時的光圈、快門、白平衡、ISO、焦距、日期時間等各種和拍攝條件以及相機品牌、型號、色彩編碼、拍攝時錄製的聲音以及全球定位系統（GPS）、縮圖等。簡單地說，Exif=JPEG+拍攝引數。

——百度百科·Exif

實現圖片Exif資訊採集

最近專案中需要獲取到使用者上傳圖片的拍攝日期，想起可以使用metadata-extractor解析。這個jar包可以拿到關於圖片的很多資訊，程式碼如下：

/**
 * 圖片Exif資訊採集
 *
 */
public class ImageExif 
{
    public static void main( String[] args ) 
    		throws ImageProcessingException, IOException{
    	
        File img = new File("圖片.jpg");
        Metadata meta = JpegMetadataReader.readMetadata(img);
        
        for(Directory dir : meta.getDirectories()){
        	for(Tag tag : dir.getTags()){
        		String tagName = tag.getTagName();
        		String description = tag.getDescription();
        		System.out.printf("%-30s\t%-100s\n", tagName, description);
        	}
        }
    }
}
 

執行結果如下：

Compression Type              	Baseline
Data Precision                	8 bits
Image Height                  	800 pixels
Image Width                   	532 pixels
Number of Components          	3
Component 1                   	Y component: Quantization table 0, Sampling factors 1 horiz/1 vert
Component 2                   	Cb component: Quantization table 1, Sampling factors 1 horiz/1 vert
Component 3                   	Cr component: Quantization table 1, Sampling factors 1 horiz/1 vert
Version                       	1.2
Resolution Units              	inch
X Resolution                  	72 dots
Y Resolution                  	72 dots
Make                          	NIKON CORPORATION
Model                         	NIKON D700
Orientation                   	Top, left side (Horizontal / normal)
X Resolution                  	72 dots per inch
Y Resolution                  	72 dots per inch
Resolution Unit               	Inch
Software                      	Adobe Photoshop CS3 Windows
Date/Time                     	2010:04:19 10:59:46
Artist                        	MINGGO
Copyright                     	MINWT
Exposure Time                 	1/80 sec
F-Number                      	F5.6
Exposure Program              	Manual control
ISO Speed Ratings             	1600
Exif Version                  	2.21
Date/Time Original            	2010:04:18 11:59:49
Date/Time Digitized           	2010:04:18 11:59:49
Shutter Speed Value           	1/79 sec
Aperture Value                	F5.6
Exposure Bias Value           	0 EV
Max Aperture Value            	F1.7
Metering Mode                 	Spot
White Balance                 	Unknown
Flash                         	Flash did not fire
Focal Length                  	50.0 mm
Sub-Sec Time                  	56
Sub-Sec Time Original         	56
Sub-Sec Time Digitized        	56
Color Space                   	sRGB
Exif Image Width              	532 pixels
Exif Image Height             	800 pixels
Sensing Method                	One-chip color area sensor
File Source                   	Digital Still Camera (DSC)
Scene Type                    	Directly photographed image
CFA Pattern                   	2 0 2 0 0 1 1 2
Custom Rendered               	Normal process
Exposure Mode                 	Manual exposure
White Balance Mode            	Auto white balance
Digital Zoom Ratio            	1
Focal Length 35               	50mm
Scene Capture Type            	Portrait
Gain Control                  	Low gain down
Contrast                      	None
Saturation                    	None
Sharpness                     	Hard
Subject Distance Range        	Unknown
Thumbnail Compression         	JPEG (old-style)
X Resolution                  	72 dots per inch
Y Resolution                  	72 dots per inch
Resolution Unit               	Inch
Thumbnail Offset              	898 bytes
Thumbnail Length              	6474 bytes
Lens Information              	500/10 500/10 18/10 18/10
Lens                          	50.0 mm f/1.8
Serial Number                 	2270203
Make                          	NIKON CORPORATION
Model                         	NIKON D700
Exposure Time                 	1/80 sec
Exposure Program              	Manual control
Aperture Value                	F5.6
F-Number                      	F5.6
Focal Length                  	50.0 mm
Shutter Speed Value           	1/79 sec
Date/Time Original            	Sun Apr 18 11:59:49 CST 2010
Date/Time Digitized           	Sun Apr 18 11:59:49 CST 2010
Rating                        	0.0
Profile Size                  	3144
CMM Type                      	Lino
Version                       	2.1.0
Class                         	Display Device
Color space                   	RGB
Profile Connection Space      	XYZ
Profile Date/Time             	Mon Mar 09 14:49:00 CST 1998
Signature                     	acsp
Primary Platform              	Microsoft Corporation
Device manufacturer           	IEC
Device model                  	sRGB
XYZ values                    	0.9642029 1.0 0.8249054
Tag Count                     	17
Copyright                     	Copyright (c) 1998 Hewlett-Packard Company
Profile Description           	sRGB IEC61966-2.1
Media White Point             	(0.9504547, 1.0, 1.0890503)
Media Black Point             	(0.0, 0.0, 0.0)
Red Colorant                  	(0.43606567, 0.2224884, 0.013916016)
Green Colorant                	(0.3851471, 0.71687317, 0.097076416)
Blue Colorant                 	(0.1430664, 0.06060791, 0.71409607)
Device Mfg Description        	IEC http://www.iec.ch
Device Model Description      	IEC 61966-2.1 Default RGB colour space - sRGB
Viewing Conditions Description	Reference Viewing Condition in IEC61966-2.1
Viewing Conditions            	view(0x76696577): 36 bytes
Luminance                     	(76.03647, 80.0, 87.12462)
Measurement                   	1931 2° Observer, Backing (0.0, 0.0, 0.0), Geometry Unknown, Flare 1%, Illuminant D65
Technology                    	CRT
IPTC-NAA Record               	28 bytes binary data
Caption Digest                	-120 115 -64 -22 54 -33 38 23 120 -85 -32 -118 -89 -67 -86 116
Print Info                    	[74 bytes]
Resolution Info               	72.0x72.0 DPI
Print Scale                   	Centered, Scale 1.0
Global Angle                  	30
Global Altitude               	30
Print Flags                   	0 0 0 0 0 0 0 0 1
Copyright Flag                	No
Print Flags Information       	0 1 0 0 0 0 0 0 0 2
Color Halftoning Information  	[72 bytes]
Color Transfer Functions      	[112 bytes]
Grid and Guides Information   	0 0 0 1 0 0 2 64 0 0 2 64 0 0 0 0
URL List                      	0
Slices                        	DSC_3081 (0,0,800,532) 1 Slices
Pixel Aspect Ratio            	1.0
Seed Number                   	1
Thumbnail Data                	JpegRGB, 106x160, Decomp 51200 bytes, 1572865 bpp, 6474 bytes
Version Info                  	1 (Adobe Photoshop, Adobe Photoshop CS3) 1
JPEG Quality                  	12 (Maximum), Optimised format, 3 scans
Application Record Version    	97
By-line                       	MINGGO
Copyright Notice              	MINWT
DCT Encode Version            	1
Flags 0                       	64
Flags 1                       	0
Color Transform               	YCbCr
 

其中，Date/Time Original對應就是圖片拍攝的日期。

圖片上傳挖出的坑

這裡有一個坑，本來專案採用的是SpringMVC框架，在Controller中實現圖片上傳，然後解析圖片。但問題是，SpringMVC使用MultipartFile來接收前臺傳過來的檔案，這個類和File類不是繼承關係。雖然可以講MultipartFile類通過transferTo方法轉換為File類，但這個轉換過程會丟失Exif資訊。

為了解決這個問題，我放棄了SpringMVC的Controller，改用Servlet實現圖片上傳功能。

protected void doGet(HttpServletRequest request, HttpServletResponse response) 
                    throws ServletException, IOException {
    DiskFileItemFactory factory = new DiskFileItemFactory();
    ServletFileUpload sfu = new ServletFileUpload(factory);
    sfu.setHeaderEncoding("UTF-8"); // 處理中文問題
    sfu.setSizeMax(1024 * 1024 * 5); // 限制檔案大小

    int success = 1;
    try {
        // 解碼請求
        List<FileItem> fileItems = sfu.parseRequest(request);
        // 得到所有表單元素
        for (FileItem fi : fileItems) {
            // 有可能是檔案，也可能是普通表單
            if (!fi.isFormField()) {
                String fileName = fi.getName();
                File file = new File("D:\\upload", fileName);
                fi.write(file);
            }
        }
    } catch (Exception e) {
        e.printStackTrace();
        success = 0;
    }

    Map<String, Object> result = new HashMap<String, Object>();
    result.put("success", success);
    result.put("url", fileName);
    response.getWriter().write(JsonUtil.writeObj2JSON(result));
}
 

關於檔案上傳

檔案上傳是專案中經常會遇到的需求，檔案上傳的表單在前臺表現為type為file的input標籤。對於包裹這個input的form標籤，需要定義其method屬性為POST，另外需要指定enctype="multipart/form-data"。這二者缺其一，後臺都無法接收到上傳的檔案，如果使用的SpringMVC，同時使用MultipartFile接收檔案，甚至會報異常。

ajaxfileupload與坑爹的手機UC

ajaxfileupload.js能夠幫助我們完成圖片上傳的頁面工作，使用它我們就可以不用理會什麼method為POST、enctype屬性等問題，只需要在頁面放置一個file input即可。可以想見的是，ajaxfileupload的工作原理即為將指定的file input通過js指令碼封裝到一個form表單中，同時它會自動完成必備的條件，比如enctype屬性。

使用ajaxfileupload需要以下步驟：

1. 引入jquery.min.js與ajaxfileupload.js檔案；

2. 在html程式碼中放置一個file input，並指定id；

3. 編寫檔案上傳程式碼及上傳完成後的回撥函式。

程式碼實現如下：

​<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>AjaxFileUpload</title>
</head>
<body>
    <input type="file" name="file" id="file"/>
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/ajaxfileupload.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function(){
            $('#file').on('change', function(){
                $.ajaxFileUpload({
                    url:'image_upload.do',
                    secureuri :false,
                    fileElementId :'file', // file input的id值
                    dataType:'text',
                    success : function (data, status){
                        data = data.replace(/^<pre.*>(.*)<\/pre>$/g, '$1');
                        alert('圖片上傳成功');
                    },
                    error: function(data, status, e){
                        alert('圖片上傳失敗');
                    }
                });
            });
        });
    </script>
</body>
</html>

需要注意的是，在success回撥函式中，返回的資料data，會被pre標籤包裹，所以在使用之前需要將pre標籤去掉。為什麼說手機UC瀏覽器坑爹呢，是因為即便去掉這個pre標籤，手機UC瀏覽器還是會在返回的data後追加一段script指令碼，所以最好判斷下，是否有script標籤程式碼，有的話也去掉。