View EXIF Camera & Lens Data Free View all EXIF metadata embedded in JPEG images including camera, lens, and settings.

The tool works by using the FileReader API to read the contents of a JPEG file as an ArrayBuffer, which is then passed to the parseExif function for processing. This function uses a DataView object to interpret the binary data in the JPEG file, locating the EXIF APP1 marker (0xFFE1) that indicates the start of the EXIF data. Once the EXIF header is found, the function reads the TIFF header to determine the byte order used in the file, which can be either little-endian or big-endian. The function then traverses the IFD entries, which contain metadata tags such as camera make and model, aperture, and shutter speed.

Each IFD entry consists of a tag ID, data type, count, and value or offset, and the function uses a dictionary to map known tag IDs to human-readable names. The function also handles different data types, including strings, integers, and rational values, which are converted to decimal format for display. For example, the function converts GPS coordinates from degrees-minutes-seconds format to decimal degrees format. The parsed EXIF data is then stored in an array of objects, where each object represents a single metadata tag and its corresponding value. This array is used to populate a table-based display of image properties, allowing users to easily scan and compare different photos' EXIF data.

The tool also uses React state management to store the parsed EXIF data and any error messages that may occur during parsing. The useState hook is used to initialize the data and error states, and the useCallback hook is used to memoize functions such as handleFile and copyAll, which are called in response to user interactions. The FileDropzone component from the React library is used to handle file uploads and provide a preview of the uploaded image. When a file is dropped or selected, the handleFile function is called, which reads the file contents using the FileReader API and passes the resulting ArrayBuffer to the parseExif function for processing.