Exif.js 获取图片的位置信息

最新推荐文章于 2024-08-08 07:43:20 发布

weixin_42670357

最新推荐文章于 2024-08-08 07:43:20 发布

阅读量613

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/weixin_42670357/article/details/108455311

版权

本文介绍如何利用Exif.js库读取并解析图片的EXIF元数据，特别是定位信息，包括经纬度等，从而实现从图片中获取拍摄位置的功能。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/exif-js"></script>
    <style>
        div {
            width: 200px;
            height: 200px;
        }
    </style>
</head>

<body>
    <div>
        <input type="file" onchange="showImg(event)" id="img_file">
    </div>
</body>
<script>
    function readExif(img) {
        window.EXIF.getData(img, function() {
            const allMetaData = window.EXIF.getAllTags(this);
            let orientation = window.EXIF.getTag(this, 'Orientation');

            let longitude;
            if (allMetaData.GPSLongitude) {
                const