最近,上海在做抗原,要上传结果,但是它这小程序用户体验很不好,就是每次上传照片的时候,它的时间默认是当前时间,但是这里应该填的是检测时间,这样时间就产生了很大的误差,于是每次都要手动选时间,所以提了个建议,就是说能不能将这个时间在照片上传之后,自动选为照片的拍摄时间。但是,我又怕他们不知道如何写代码,所以在这里给出一些代码的建议。顺便,有需求的也可以看一看。
首先,得要分析一下,一般情况下,在没有修改照片的情况下,照片的修改时间就是创建时间也就是拍摄时间,也没有人会无聊地去修改照片,所以一种方案就是获取照片的修改时间,但是这种方案有个缺点:在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; // 实际地址
网友评论