` element on your page.\n\nAs a second parameter you specify a callback function. In the callback function you should use `this` to access the image with the aforementioned metadata you can then use as you want.\nThat image now has an extra `exifdata` property which is a Javascript object with the EXIF metadata. You can access it's properties to get data like the *image caption*, the *date a photo was taken* or it's *orientation*.\n\nYou can get all tages with `EXIF.getTag`. Or get a single tag with `EXIF.getTag`, where you specify the tag as the second parameter.\nThe tag names to use are listed in `EXIF.Tags` in `exif.js`.\n\n**Important**: Note that you have to wait for the image to be completely loaded, before calling `getData` or any other function. It will silently fail otherwise.\nYou can implement this wait, by running your exif-extracting logic on the `window.onLoad` function. Or on an image's own `onLoad` function.\nFor jQuery users please note that you can NOT (reliably) use jQuery's `ready` event for this. Because it fires before images are loaded.\nYou could use $(window).load() instead of $(document.ready() (please note that `exif-js has NO dependency on jQuery or any other external library). \n \n**JavaScript**:\n```javascript\nwindow.onload=getExif;\n\nfunction getExif() {\n var img1 = document.getElementById(\"img1\");\n EXIF.getData(img1, function() {\n var make = EXIF.getTag(this, \"Make\");\n var model = EXIF.getTag(this, \"Model\");\n var makeAndModel = document.getElementById(\"makeAndModel\");\n makeAndModel.innerHTML = `${make} ${model}`;\n });\n\n var img2 = document.getElementById(\"img2\");\n EXIF.getData(img2, function() {\n var allMetaData = EXIF.getAllTags(this);\n var allMetaDataSpan = document.getElementById(\"allMetaDataSpan\");\n allMetaDataSpan.innerHTML = JSON.stringify(allMetaData, null, \"\\t\");\n });\n}\n```\n\n**HTML**:\n```html\n![](\"image1.jpg\")
\nMake and model: \n
\n![](\"image2.jpg\")
\n\n
\n```\n\nNote there are also alternate tags, such the `EXIF.TiffTags`. See the source code for the full definition and use.\nYou can also get back a string with all the EXIF information in the image pretty printed by using `EXIF.pretty`.\nCheck the included [index.html](/exif-js/exif-js/blob/master/index.html).\n\nPlease refer to the [source code](exif.js) for more advanced usages such as getting image data from a [File/Blob](https://developer.mozilla.org/en/docs/Web/API/Blob) object (`EXIF.readFromBinaryFile`).\n\n## Contributions\nThis is an [open source project](LICENSE.md). Please contribute by forking this repo and issueing a pull request. The project has had notable contributions already, like reading ITPC data.\n\nYou can also contribute by [filing bugs or new features please issue](/exif-js/issues).\nOr improve the documentation. Please update this README when you do a pull request of proposed changes in base functionality.\n","_attachments":{},"homepage":"https://github.com/exif-js/exif-js","bugs":{"url":"https://github.com/exif-js/exif-js/issues"},"license":"MIT"}
![](\"image.jpg\")
`\n- OR a user selected image in a `