# Extract Exif Metadata from Image with AI Component
**URL:** https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418
**Category:** Community Resources
**Tags:** ai, exif
**Created:** [January 22, 2025, 6:10pm UTC](https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418 "2025-01-22T18:10:32Z")
**Posts on this page:** 12
**Page:** 1
### Author:  [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [January 22, 2025, 6:10pm UTC](https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418/1 "2025-01-22T18:10:32Z")
Hello Gliders,
Here is an exif extractor I was able to make with AI Component.
Set the URL of the image, then it will save in the column you select here as JSON:
Use this prompt:
```html
Variables :
- imageUrl
- exifData
EXIF Data
No EXIF data available for this image.
```
Here is the demo app:
> **[Exif Extractor](https://exif-extractor.glide.page)**
---
### Author:  [@\_Romieux](https://community.glideapps.com/u/_Romieux)
#### Post date: [January 23, 2025, 4:52am UTC](https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418/2 "2025-01-23T04:52:05Z")
Hi Maxime, Great!, can you continue and help us to retrieve EXIF Json from one Image column to another Json column to be able to use this data in Glide Apps. Nice day
---
### Author:  [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)
#### Post date: [January 23, 2025, 7:24am UTC](https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418/3 "2025-01-23T07:24:09Z")
> [@\_Romieux](#):
>
> can you continue and help us to retrieve EXIF Json from one Image column to another Json column
Isn’t that exactly what it does?
👇
> [@MaximeBaker](#):
>
> Set the URL of the image, then it will save in the column you select here as JSON:
---
### Author:  [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [January 23, 2025, 11:11am UTC](https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418/4 "2025-01-23T11:11:50Z")
This is exactly what this thing does.
---
### Author:  [@gvalero](https://community.glideapps.com/u/gvalero)
#### Post date: [July 11, 2025, 11:52am UTC](https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418/6 "2025-07-11T11:52:47Z")
Nice job, I haven’t seen it before!
Can we have/extract the image’s gps coordinates as well?
Saludos @MaximeBaker
---
### Author:  [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)
#### Post date: [July 12, 2025, 3:30am UTC](https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418/7 "2025-07-12T03:30:55Z")
If you image contain GPS information in the exif, you will automatically see it.
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 12, 2025, 3:36am UTC](https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418/8 "2025-07-12T03:36:05Z")
Can confirm this works. Trying with an image here.
> **[Sample Geotagged Photos](https://www.geoimgr.com/sample-photos.html)**
>
> A list of geotagged photos around the world as an example.
---
### Author:  [@ryanp](https://community.glideapps.com/u/ryanp)
#### Post date: [August 13, 2025, 1:27am UTC](https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418/9 "2025-08-13T01:27:49Z")
I don’t understand how to implement this. Can someone tell me the steps? do i create a url field up[load file to that then run the AI script
---
### Author:  [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [August 13, 2025, 1:36am UTC](https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418/10 "2025-08-13T01:36:54Z")
Add a Custom AI component and paste the code into the AI prompt.
---
### Author:  [@ryanp](https://community.glideapps.com/u/ryanp)
#### Post date: [August 14, 2025, 5:51pm UTC](https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418/11 "2025-08-14T17:51:22Z")
Thanks, I could do that, but I wanted to have it as an action on upload if possible.
---
### Author:  [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)
#### Post date: [August 14, 2025, 7:31pm UTC](https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418/12 "2025-08-14T19:31:18Z")
You can use a regular javascript column to get the same data.
Here is something I put together. You can pass the image column in the P1 parameter. I’m not sure what you are looking for as a result, but I set it up to return a JSON string.
```auto
async function getExifFromUrl(imageUrl) {
try {
const response = await fetch(imageUrl, { mode: 'cors' });
const buffer = await response.arrayBuffer();
const view = new DataView(buffer);
// Must be a JPEG
if (view.getUint16(0, false) !== 0xFFD8) {
return "";
}
let offset = 2;
const length = view.byteLength;
while (offset < length) {
if (view.getUint16(offset, false) === 0xFFE1) { // APP1 marker
const app1Length = view.getUint16(offset + 2, false);
const exifHeader = getString(view, offset + 4, 6);
if (exifHeader === "Exif\0\0") {
const tags = parseExifData(view, offset + 10, app1Length - 8);
return JSON.stringify(tags);
}
}
offset += 2 + view.getUint16(offset + 2, false);
}
return "";
} catch {
return "";
}
}
function parseExifData(view, start, length) {
const tiffHeader = start;
const littleEndian = view.getUint16(tiffHeader, false) === 0x4949;
const firstIFDOffset = view.getUint32(tiffHeader + 4, littleEndian);
let tags = {};
readIFD(view, tiffHeader, tiffHeader + firstIFDOffset, littleEndian, tags);
// GPS IFD
if (tags["GPSInfoIFDPointer"]) {
tags["GPS"] = {};
readIFD(view, tiffHeader, tiffHeader + tags["GPSInfoIFDPointer"], littleEndian, tags["GPS"]);
delete tags["GPSInfoIFDPointer"];
}
return tags;
}
function readIFD(view, tiffHeader, dirStart, littleEndian, tags) {
const entries = view.getUint16(dirStart, littleEndian);
for (let i = 0; i < entries; i++) {
const entryOffset = dirStart + 2 + i * 12;
const tagId = view.getUint16(entryOffset, littleEndian);
const type = view.getUint16(entryOffset + 2, littleEndian);
const numValues = view.getUint32(entryOffset + 4, littleEndian);
const valueOffset = entryOffset + 8;
let value;
if (type === 2) { // ASCII string
const offset = (numValues > 4) ? view.getUint32(valueOffset, littleEndian) + tiffHeader : valueOffset;
value = getString(view, offset, numValues).replace(/\0/g, '');
} else if (type === 3) { // SHORT
value = (numValues === 1) ? view.getUint16(valueOffset, littleEndian) : getShortArray(view, tiffHeader, valueOffset, numValues, littleEndian);
} else if (type === 4) { // LONG
value = (numValues === 1) ? view.getUint32(valueOffset, littleEndian) : getLongArray(view, tiffHeader, valueOffset, numValues, littleEndian);
} else if (type === 5) { // RATIONAL
value = (numValues === 1) ? getRational(view, tiffHeader + view.getUint32(valueOffset, littleEndian), littleEndian) : getRationalArray(view, tiffHeader, valueOffset, numValues, littleEndian);
} else {
value = null;
}
const tagName = exifTagNames[tagId] || `Tag_${tagId}`;
tags[tagName] = value;
}
}
function getString(view, start, length) {
let out = "";
for (let i = start; i < start + length; i++) {
out += String.fromCharCode(view.getUint8(i));
}
return out;
}
function getShortArray(view, tiffHeader, valueOffset, count, littleEndian) {
let arr = [];
let offset = view.getUint32(valueOffset, littleEndian) + tiffHeader;
for (let i = 0; i < count; i++) {
arr.push(view.getUint16(offset + i * 2, littleEndian));
}
return arr;
}
function getLongArray(view, tiffHeader, valueOffset, count, littleEndian) {
let arr = [];
let offset = view.getUint32(valueOffset, littleEndian) + tiffHeader;
for (let i = 0; i < count; i++) {
arr.push(view.getUint32(offset + i * 4, littleEndian));
}
return arr;
}
function getRational(view, offset, littleEndian) {
const num = view.getUint32(offset, littleEndian);
const den = view.getUint32(offset + 4, littleEndian);
return den === 0 ? null : num / den;
}
function getRationalArray(view, tiffHeader, valueOffset, count, littleEndian) {
let arr = [];
let offset = view.getUint32(valueOffset, littleEndian) + tiffHeader;
for (let i = 0; i < count; i++) {
arr.push(getRational(view, offset + i * 8, littleEndian));
}
return arr;
}
// Lookup table for standard EXIF/TIFF/GPS tags
const exifTagNames = {
// TIFF baseline
0x010F: "Make",
0x0110: "Model",
0x0112: "Orientation",
0x0131: "Software",
0x0132: "DateTime",
0x013B: "Artist",
0x0213: "YCbCrPositioning",
0x013E: "WhitePoint",
0x013F: "PrimaryChromaticities",
0x0211: "YCbCrCoefficients",
0x0214: "ReferenceBlackWhite",
0x8769: "ExifIFDPointer",
0x8825: "GPSInfoIFDPointer",
0x011A: "XResolution",
0x011B: "YResolution",
0x0128: "ResolutionUnit",
// EXIF SubIFD
0x9000: "ExifVersion",
0x9003: "DateTimeOriginal",
0x9004: "DateTimeDigitized",
0x9201: "ShutterSpeedValue",
0x9202: "ApertureValue",
0x9204: "ExposureBiasValue",
0x9206: "SubjectDistance",
0x9207: "MeteringMode",
0x9209: "Flash",
0x920A: "FocalLength",
0xA002: "PixelXDimension",
0xA003: "PixelYDimension",
// GPS
0x0000: "GPSVersionID",
0x0001: "GPSLatitudeRef",
0x0002: "GPSLatitude",
0x0003: "GPSLongitudeRef",
0x0004: "GPSLongitude",
0x0005: "GPSAltitudeRef",
0x0006: "GPSAltitude",
0x0007: "GPSTimeStamp",
0x000D: "GPSDateStamp"
};
return await getExifFromUrl(p1);
```
---
### Author:  [@ryanp](https://community.glideapps.com/u/ryanp)
#### Post date: [August 17, 2025, 4:07am UTC](https://community.glideapps.com/t/extract-exif-metadata-from-image-with-ai-component/79418/13 "2025-08-17T04:07:25Z")
Thanks, really helpful!
