美文网首页
小程序获得本机拍摄照片的拍摄时间

小程序获得本机拍摄照片的拍摄时间

作者: 遨游于学海 | 来源:发表于2022-05-04 16:24 被阅读0次

最近,上海在做抗原,要上传结果,但是它这小程序用户体验很不好,就是每次上传照片的时候,它的时间默认是当前时间,但是这里应该填的是检测时间,这样时间就产生了很大的误差,于是每次都要手动选时间,所以提了个建议,就是说能不能将这个时间在照片上传之后,自动选为照片的拍摄时间。但是,我又怕他们不知道如何写代码,所以在这里给出一些代码的建议。顺便,有需求的也可以看一看。
首先,得要分析一下,一般情况下,在没有修改照片的情况下,照片的修改时间就是创建时间也就是拍摄时间,也没有人会无聊地去修改照片,所以一种方案就是获取照片的修改时间,但是这种方案有个缺点:在web端一般是没有问题的,但是在其它一些运行环境中,这个时间不对,因此,我们可以选择方案二:解析JPG文件。

JPG文件详解

一般而言,相机拍摄的照片都是JPG格式的,并且会附带Exif数据。
Exif数据就是用来记录拍摄照片的相机型号、时间等数据的。因此,我们只要解析Exif中的部分数据就可以了。
不过,并不是所有JPG文件都带有Exif信息的。
在JPG格式中,每一段数据都被称为Marker,一个Marker的数据的格式如下:
标记(Marker,2个字节)+长度(2个字节)+数据
Exif信息被存储在是JPG中的一个名为“APP1”的Marker中,它以0xffe1开头,因此该Marker的格式如下
0xffe1+长度(2字节)+数据
在该Marker的数据中,格式如下存储:
Exif数据头(6字节)+Tiff数据头(8字节)+IFD。
IFD可以有多个,在Tiff数据头和第一个IFD之间,可能有别的东西,但是一般是没有别的东西的。

Exif数据头

占6个字节,格式:
4个字节(“Exif”的ASCII编码,注意大小写)+0x0000

Tiff数据头

占8个字节,格式:
2个字节(用于表示)+0x002a+8个字节(偏移地址)
前两个字节要么是“II”、要么是“MM”的ASCII码,如果是前者,则代表数据的低位存储在前,如果是后者,则代表数据的高位存储在前,JPG中都是MM,因此JPG中的Tiff数据都是高位存储在前。
在TIFF格式中,所有偏移地址都是从TIFF头的第一个字节开始算起的,所以实际的内存地址是TIFF头地址加上偏移地址。

IFD

IFD可以有多个,这里面包含了我们所需要的时间等信息。
在一个IFD中,可以有多个实体对象,所谓的实体对象就是类似于键值对中的一个元素,其中的键在这里被称为标签,不同的实体对象用不同的标签来识别。
IFD的格式:
2字节(表示该IFD所包含的实体对象数量)+多个实体对象(每个12字节)+4个字节(表示指向下一个IFD的偏移地址)。

实体对象

每一个实体对象占12个字节,格式:
2字节(实体对象标签,类似于键值对中的键,如果这一个实体对象表示的是日期,那么这两个字节为0x9003)+2字节(格式,0x0002代表ascii,日期一般是这种格式)+4字节(实体对象的值所占的字节数,日期为20字节)+4字节(值或值所在的偏移地址,由于日期必定是20个字节,所以此时这里代表的就是偏移地址)。
再次提醒请注意,偏移地址,是从TIFF头的第一个字节地址开始算起的,不是0。
在日期这种情况下,日期数据一般占用20个字节,格式一般是以ascii码存储的。
综上所述,我们可以写如下代码

parseImage(data){
// data为ArrayBuffer类型的JPG文件的二进制数据
        let arr=new Uint8Array(data);
        let base=0; // TIFF数据头开始地址
        let timeTagIndex=0; // EXIF时间信息标记开始地址
        for(let i=0;i<arr.length;i++){
            // 获取TIFF数据头地址
            if(arr[i]==69 && arr[i+1]==120 && arr[i+2]==105 && arr[i+3]==102 && arr[i+4]==0 && arr[i+5]==0){
                base=i+6;
            }
            // 获取时间标签地址
            if(arr[i]==0x90 && arr[i+1]==0x03){
                timeTagIndex=i;
                break; // 因为这个if的条件比较容易重复,但是我们要的是第一个,所以这里就可以直接退出了
            }
        }
       
        let bias_str="0x"; // 偏移地址
        for(let i=0;i<=3;i++)
           bias_str+=arr[timeTagIndex+8+i].toString(16);
        
        let datetime_addr_index=base+parseInt(bias_str); // 实际地址

        let datetimestr=""; // 日期字符串
        for(let i=datetime_addr_index;i<=datetime_addr_index+19;i++){
            datetimestr+=String.fromCharCode(arr[i]);
        }
        
        console.log("日期时间字符串",datetimestr); // 接着,我们可以将日期字符串进行一定的字符串和日期时间处理,以满足需要
    }

上面代码有些不完整,效率可能也比较慢,但一般够用。

更新

上述代码中,获得偏移地址,直接使用字符串进行处理,效率较慢,因此可以改用如下代码使用位运算:

let bias=0; // 偏移地址
for(let i=0;i<=3;i++){
    bias=bias<<8;
    bias+=arr[timeTagIndex+8+i];
}        
let datetime_addr_index=base+bias; // 实际地址

相关文章

网友评论

      本文标题:小程序获得本机拍摄照片的拍摄时间

      本文链接:https://www.haomeiwen.com/subject/pppwyrtx.html