前言

插件：Exif.js
插件文档：http://code.ciaoca.com/javascript/exif-js/
简介：可交换图像文件格式（英语：Exchangeable image file format，官方简称Exif），是专门为数码相机的照片设定的，可以记录数码照片的属性信息和拍摄数据。

具体使用

1、手机打开相应功能，拍照时开启定位

以小米10为例。打开相机，进入设置。

打开 “保存地理位置信息”的功能，这个功能默认是开启的

然后拍照，原图传到电脑！！！（原图！！！）

2、运行exif.html

复制代码，写入exif.html文件中

效果如下：（ps：因为插件用的在线加载，所以要确保能够正常上网）

3、根据提示上传图片，获取信息

具体信息含义可以往下翻页查看

图片转自官方文档 http://code.ciaoca.com/javascript/exif-js/

4、GPS信息获取

经纬度的3个值分别是度分秒
转为度的换算公式为 度 + 分/60 + 秒/3600
然后网上找个经纬度转地址的网站，例http://www.toolzl.com/tools/gps.html

代码 exif.html

<!DOCTYPE html>
<html lang="zh-CN"><head><title>exif demo</title><script src="https://cdn.jsdelivr.net/npm/exif-js"></script><style>#img {height: 500px;width: 500px;}</style>
</head><body><span>使用方式，选择图片文件，图片预览图会显示在下方。点击“获取数据”，EXIF信息则会显示在文本区域内。具体信息含义可以参考下方的说明。</span><a href="http://code.ciaoca.com/javascript/exif-js/">exif.js官方文档</a><br><input type="file" id='imgInput' accept="image/*"><button onclick="getExifInfo()">获取数据</button><br><img src="" id="img" /><textarea id="dataArea" rows="50" cols="100"></textarea><h2>EXIF 标识 —— 转自官方文档</h2><div class="example"><table class="manual_table"><thead><tr><th width="240">名称</th><th>说明</th></tr></thead><!-- version tags --><tr><td>ExifVersion</td><td>Exif 版本</td></tr><tr><td>FlashPixVersion</td><td>FlashPix 版本</td></tr><!-- colorspace tags --><tr><td>ColorSpace</td><td>色域、色彩空间</td></tr><tr><td>PixelXDimension</td><td>图像的有效宽度</td></tr><tr><td>PixelYDimension</td><td>图像的有效高度</td></tr><tr><td>ComponentsConfiguration</td><td>图像构造</td></tr><tr><td>CompressedBitsPerPixel</td><td>压缩时每像素色彩位</td></tr><!-- user information --><tr><td>MakerNote</td><td>制造商设置的信息</td></tr><tr><td>UserComment</td><td>用户评论</td></tr><!-- related file --><tr><td>RelatedSoundFile</td><td>关联的声音文件</td></tr><!-- date and time --><tr><td>DateTimeOriginal</td><td>创建时间</td></tr><tr><td>DateTimeDigitized</td><td>数字化创建时间</td></tr><tr><td>SubsecTime</td><td>日期时间（秒）</td></tr><tr><td>SubsecTimeOriginal</td><td>原始日期时间（秒）</td></tr><tr><td>SubsecTimeDigitized</td><td>原始日期时间数字化（秒）</td></tr><!-- picture-taking conditions --><tr><td>ExposureTime</td><td>曝光时间</td></tr><tr><td>FNumber</td><td>光圈值</td></tr><tr><td>ExposureProgram</td><td>曝光程序</td></tr><tr><td>SpectralSensitivity</td><td>光谱灵敏度</td></tr><tr><td>ISOSpeedRatings</td><td>感光度</td></tr><tr><td>OECF</td><td>光电转换功能</td></tr><tr><td>ShutterSpeedValue</td><td>快门速度</td></tr><tr><td>ApertureValue</td><td>镜头光圈</td></tr><tr><td>BrightnessValue</td><td>亮度</td></tr><tr><td>ExposureBiasValue</td><td>曝光补偿</td></tr><tr><td>MaxApertureValue</td><td>最大光圈</td></tr><tr><td>SubjectDistance</td><td>物距</td></tr><tr><td>MeteringMode</td><td>测光方式</td></tr><tr><td>Lightsource</td><td>光源</td></tr><tr><td>Flash</td><td>闪光灯</td></tr><tr><td>SubjectArea</td><td>主体区域</td></tr><tr><td>FocalLength</td><td>焦距</td></tr><tr><td>FlashEnergy</td><td>闪光灯强度</td></tr><tr><td>SpatialFrequencyResponse</td><td>空间频率反应</td></tr><tr><td>FocalPlaneXResolution</td><td>焦距平面X轴解析度</td></tr><tr><td>FocalPlaneYResolution</td><td>焦距平面Y轴解析度</td></tr><tr><td>FocalPlaneResolutionUnit</td><td>焦距平面解析度单位</td></tr><tr><td>SubjectLocation</td><td>主体位置</td></tr><tr><td>ExposureIndex</td><td>曝光指数</td></tr><tr><td>SensingMethod</td><td>图像传感器类型</td></tr><tr><td>FileSource</td><td>源文件</td></tr><tr><td>SceneType</td><td>场景类型（1 == 直接拍摄）</td></tr><tr><td>CFAPattern</td><td>CFA 模式</td></tr><tr><td>CustomRendered</td><td>自定义图像处理</td></tr><tr><td>ExposureMode</td><td>曝光模式</td></tr><tr><td>WhiteBalance</td><td>白平衡（1 == 自动，2 == 手动）</td></tr><tr><td>DigitalZoomRation</td><td>数字变焦</td></tr><tr><td>FocalLengthIn35mmFilm</td><td>35毫米胶片焦距</td></tr><tr><td>SceneCaptureType</td><td>场景拍摄类型</td></tr><tr><td>GainControl</td><td>场景控制</td></tr><tr><td>Contrast</td><td>对比度</td></tr><tr><td>Saturation</td><td>饱和度</td></tr><tr><td>Sharpness</td><td>锐度</td></tr><tr><td>DeviceSettingDescription</td><td>设备设定描述</td></tr><tr><td>SubjectDistanceRange</td><td>主体距离范围</td></tr><!-- other tags --><tr><td>InteroperabilityIFDPointer</td><td></td></tr><tr><td>ImageUniqueID</td><td>图像唯一ID</td></tr></table><table class="manual_table"><caption>Tiff 相关</caption><thead><tr><th width="240">名称</th><th>说明</th></tr></thead><tr><td>ImageWidth</td><td>图像宽度</td></tr><tr><td>ImageHeight</td><td>图像高度</td></tr><tr><td>BitsPerSample</td><td>比特采样率</td></tr><tr><td>Compression</td><td>压缩方法</td></tr><tr><td>PhotometricInterpretation</td><td>像素合成</td></tr><tr><td>Orientation</td><td>拍摄方向</td></tr><tr><td>SamplesPerPixel</td><td>像素数</td></tr><tr><td>PlanarConfiguration</td><td>数据排列</td></tr><tr><td>YCbCrSubSampling</td><td>色相抽样比率</td></tr><tr><td>YCbCrPositioning</td><td>色相配置</td></tr><tr><td>XResolution</td><td>X方向分辨率</td></tr><tr><td>YResolution</td><td>Y方向分辨率</td></tr><tr><td>ResolutionUnit</td><td>分辨率单位</td></tr><tr><td>StripOffsets</td><td>图像资料位置</td></tr><tr><td>RowsPerStrip</td><td>每带行数</td></tr><tr><td>StripByteCounts</td><td>每压缩带比特数</td></tr><tr><td>JPEGInterchangeFormat</td><td>JPEG SOI 偏移量</td></tr><tr><td>JPEGInterchangeFormatLength</td><td>JPEG 比特数</td></tr><tr><td>TransferFunction</td><td>转移功能</td></tr><tr><td>WhitePoint</td><td>白点色度</td></tr><tr><td>PrimaryChromaticities</td><td>主要色度</td></tr><tr><td>YCbCrCoefficients</td><td>颜色空间转换矩阵系数</td></tr><tr><td>ReferenceBlackWhite</td><td>黑白参照值</td></tr><tr><td>DateTime</td><td>日期和时间</td></tr><tr><td>ImageDescription</td><td>图像描述、来源</td></tr><tr><td>Make</td><td>生产者</td></tr><tr><td>Model</td><td>型号</td></tr><tr><td>Software</td><td>软件</td></tr><tr><td>Artist</td><td>作者</td></tr><tr><td>Copyright</td><td>版权信息</td></tr></table><table class="manual_table"><caption>GPS 相关</caption><thead><tr><th width="240">名称</th><th>说明</th></tr></thead><tr><td>GPSVersionID</td><td>GPS 版本</td></tr><tr><td>GPSLatitudeRef</td><td>南北纬</td></tr><tr><td>GPSLatitude</td><td>纬度</td></tr><tr><td>GPSLongitudeRef</td><td>东西经</td></tr><tr><td>GPSLongitude</td><td>经度</td></tr><tr><td>GPSAltitudeRef</td><td>海拔参照值</td></tr><tr><td>GPSAltitude</td><td>海拔</td></tr><tr><td>GPSTimeStamp</td><td>GPS 时间戳</td></tr><tr><td>GPSSatellites</td><td>测量的卫星</td></tr><tr><td>GPSStatus</td><td>接收器状态</td></tr><tr><td>GPSMeasureMode</td><td>测量模式</td></tr><tr><td>GPSDOP</td><td>测量精度</td></tr><tr><td>GPSSpeedRef</td><td>速度单位</td></tr><tr><td>GPSSpeed</td><td>GPS 接收器速度</td></tr><tr><td>GPSTrackRef</td><td>移动方位参照</td></tr><tr><td>GPSTrack</td><td>移动方位</td></tr><tr><td>GPSImgDirectionRef</td><td>图像方位参照</td></tr><tr><td>GPSImgDirection</td><td>图像方位</td></tr><tr><td>GPSMapDatum</td><td>地理测量资料</td></tr><tr><td>GPSDestLatitudeRef</td><td>目标纬度参照</td></tr><tr><td>GPSDestLatitude</td><td>目标纬度</td></tr><tr><td>GPSDestLongitudeRef</td><td>目标经度参照</td></tr><tr><td>GPSDestLongitude</td><td>目标经度</td></tr><tr><td>GPSDestBearingRef</td><td>目标方位参照</td></tr><tr><td>GPSDestBearing</td><td>目标方位</td></tr><tr><td>GPSDestDistanceRef</td><td>目标距离参照</td></tr><tr><td>GPSDestDistance</td><td>目标距离</td></tr><tr><td>GPSProcessingMethod</td><td>GPS 处理方法名</td></tr><tr><td>GPSAreaInformation</td><td>GPS 区功能变数名</td></tr><tr><td>GPSDateStamp</td><td>GPS 日期</td></tr><tr><td>GPSDifferential</td><td>GPS 修正</td></tr></table>
</body>
<script>function getExifInfo() {console.log("执行...");EXIF.getData(document.getElementById('img'), function () {document.getElementById('dataArea').innerText = JSON.stringify(EXIF.getAllTags(this), null, "\t");console.log(JSON.stringify(EXIF.getAllTags(this), null, "\t"));});}// 参考：https://blog.csdn.net/qq_38789941/article/details/95309081document.querySelector('#imgInput').onchange = function () {if (this.files.length) {let file = this.files[0];let reader = new FileReader();//新建 FileReader 对象reader.onload = function () {// 当 FileReader 读取文件时候，读取的结果会放在 FileReader.result 属性中document.querySelector('#img').src = this.result;//document.querySelector('#text').innerHTML = this.result;};// 设置以什么方式读取文件，这里以base64方式reader.readAsDataURL(file);}}
</script></html>

web获取照片EXIF信息（例如：拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据）相关推荐

python获取照片EXIF信息
一.前言目前好多照片都已经抹掉了设备信息.拍摄时间和GPS信息这种比较隐私的信息,除去这这种信息,其他的信息一般照片都能拿到.文末会给出可以查到完整信息的图片做参考. 二.准备主要是用python ...
JS获取图片的EXIF信息+纠正图片方向
前端图片处理碰到的一个离奇 bug , 关于图片的 EXIF 信息,特地记录下来 . 然后使用一下代码可以获取Orientation信息,并纠正Orientation带来的图片旋转问题 // from ...
php 获取照片信息,PHP中读取照片exif信息的方法
这篇文章主要介绍了PHP中读取照片exif信息的方法,本文从什么是exif信息开始讲解,使用PHP需要什么扩展.及它的安装方法和使用代码示例等,需要的朋友可以参考下先来了解什么是图片的Exif信息 ...
前端获取图片exif信息
对又是我,每天都有新的需求.这次的需求是上传图片的时获取图片的宽高.设备.光圈等信息. 不用考虑服务端做,他们肯定是不做.pc.android.ios 都支持了,现在就缺少 web 这边上传的图片了. ...
查看照片EXIF信息的类
网站发现了一个查看jpeg类型照片的exif信息的类,在这里分享下 <?php /** * @Author: TonyLevid * @Copyright: TonyLevid.com * @N ...
获取图片Exif信息
获取图片Exif信息问题:手机照片上传时,会发现ios手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题:而Android不会出现这种现象. 原因:ios系统默认Orientation属性为1,与 ...
基于exif信息进行图片方向旋转修正
基于exif信息进行图片方向旋转修正在处理标注数据的时候,发现标注框不吻合经过分析发现标注软件在读取图片时,读取了图片的exif信息,并对图片进行了旋转,所以标注的坐标时旋转后的坐标. 解决方法有两 ...
怎么查看图片像素和大小？照片exif信息怎么看？
在网络上下载图片都能看到图片大小,但是如果是我们平时自己拍摄或者进行过图片处理的该怎么查看图片大小呢.有些朋友可能会下载图片信息查看器来查询图片信息,其实还有一种更加简单的方法,使用压缩图的EXIF信 ...
Python解析照片EXIF信息，获取坐标位置
目录 1.背景 2.云端部署 3.照片分析 1.背景每张图片都包含EXIF信息,它是可交换图像文件的缩写,是专门为数码相机的照片设定的,可以记录数码照片的属性信息和拍摄数据.EXIF可以附加于JPE ...

web获取照片EXIF信息（例如：拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据）

目录

前言