Image Metadata

Image EXIF Metadata

Upload an image to extract and display basic metadata such as file name, type, size, and image dimensions. EXIF data like camera model or GPS requires a server-side library; here we show client-side metadata extraction.

Drag & drop files here, or paste from clipboard

<au:AjaxFileUpload ID="Uploader1" runat="server"
    AllowMultiple="false"
    AllowedExtensions=".jpg,.jpeg,.png,.gif,.webp,.bmp,.tiff"
    AutoUpload="true" />

// JavaScript: extract client-side metadata
uploader.on('select', function(files) {
    var file = files[0];
    console.log('Name:', file.name);
    console.log('Type:', file.type);
    console.log('Size:', file.size);

    // Read image dimensions
    var img = new Image();
    img.onload = function () {
        console.log('Dimensions:', img.naturalWidth, 'x', img.naturalHeight);
    };
    img.src = URL.createObjectURL(file);

    // For full EXIF: use a server-side library like
    // System.Drawing or ImageSharp on the upload handler.
});