### EXIF是什么： **可交換圖像文件格式**（英語：Exchangeable image file format，官方簡稱**Exif**），是專門為[數碼相機](https://baike.baidu.com/item/%E6%95%B0%E7%A0%81%E7%9B%B8%E6%9C%BA/277472?fromModule=lemma_inlink)的[照片](https://baike.baidu.com/item/%E7%85%A7%E7%89%87/1465692?fromModule=lemma_inlink)設定的，可以記錄數碼照片的屬性信息和拍攝數據。如果：時間、位置等 **場景：當我們發送微信圖片時，如果選擇的是原圖，則可以看到完整的信息，如果不是原圖，會被壓縮，破壞掉EXIF信息，所有沒法獲取圖片的所有信息** 找到兩張相同的圖，一張是原圖，一張是壓縮后的，然后到百度一個exif查看器，查看結果 **非原圖：只有基礎信息**  **原圖：多出很多信息**  **CDN：** ``` <script src="https://cdn.jsdelivr.net/npm/exif-js"></script> 方法： EXIF.getData(img, callback)獲取圖像的數據 EXIF.getTag(img, tag)獲取圖像的某個數據 EXIF.getAllTags(img)獲取圖像的全部數據，值以對象的方式返回 EXIF.pretty(img)獲取圖像的全部數據，值以字符串的方式返回 ``` 放入剛才的兩張圖片，調用exif.js去獲取圖片信息：可以看到原圖能獲取到圖片信息，非原圖獲取的則是空的 ``` <div> <img width="300" height="300" id="img1" src="./1.jpg" alt=""> <p>非原圖</p> </div> <div> <img width="300" height="300" id="img2" src="./2.jpg" alt=""> <p>原圖</p> </div> <script> const file1 = document.querySelector('#img1');//獲取非原圖 const file2 = document.querySelector('#img2');//獲取原圖 file1.onload = () => { getData(file1,"非原圖=>") } file2.onload = () => { getData(file2,"原圖信息-----") } function getData(file,a) { EXIF.getData(file, function () { const data = EXIF.pretty(file); console.log(data,a); }) } </script> ```