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

最近,上海在做抗原,要上传结果,但是它这小程序用户体验很不好,就是每次上传照片的时候,它的时间默认是当前时间,但是这里应该填的是检测时间,这样时间就产生了很大的误差,于是每次都要手动选时间,所以提了个建议,就是说能不能将这个时间在照片上传之后,自动选为照片的拍摄时间。但是,我又怕他们不知道如何写代码,所以在这里给出一些代码的建议。顺便,有需求的也可以看一看。
首先,得要分析一下,一般情况下,在没有修改照片的情况下,照片的修改时间就是创建时间也就是拍摄时间,也没有人会无聊地去修改照片,所以一种方案就是获取照片的修改时间,但是这种方案有个缺点:在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; // 实际地址
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,835评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,598评论 1 295
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,569评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,159评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,533评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,710评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,923评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,674评论 0 203
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,421评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,622评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,115评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,428评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,114评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,097评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,875评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,753评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,649评论 2 271

推荐阅读更多精彩内容