From 2ea9076d0d327522128ae23a7b24ae2f8e9ac3e3 Mon Sep 17 00:00:00 2001 From: Dave Bevan Date: Wed, 7 Nov 2018 20:48:37 +0000 Subject: [PATCH 01/14] Add an IPTC parser, plus documentation, demo page etc. --- README.md | 39 +++++++++ iptc.html | 73 +++++++++++++++++ js/demo/demo-iptc.js | 165 ++++++++++++++++++++++++++++++++++++++ js/load-image-iptc-map.js | 124 ++++++++++++++++++++++++++++ js/load-image-iptc.js | 146 +++++++++++++++++++++++++++++++++ 5 files changed, 547 insertions(+) create mode 100644 iptc.html create mode 100644 js/demo/demo-iptc.js create mode 100644 js/load-image-iptc-map.js create mode 100644 js/load-image-iptc.js diff --git a/README.md b/README.md index 2a03e0b..8e35c63 100644 --- a/README.md +++ b/README.md @@ -44,8 +44,13 @@ Or alternatively, choose which components you want to include: + + + + + ``` @@ -314,6 +319,40 @@ disable certain aspects of the parser: * **disableExifSub**: Disables parsing of the Exif Sub IFD. * **disableExifGps**: Disables parsing of the Exif GPS Info IFD. +### Iptc parser +If you include the Load Image Iptc Parser extension, the argument passed to the +callback for **parseMetaData** will contain the additional property **iptc** if +Iptc data could be found in the given image. +The **iptc** object stores the parsed Iptc tags: + +```js +var objectname = data.iptc[0x5]; +``` + +It also provides an **iptc.get()** method to retrieve the tag value via the +tag's mapped name: + +```js +var objectname = data.iptc.get('ObjectName'); +``` + +By default, the only available mapped names are **ObjectName**. +If you also include the Load Image Iptc Map library, additional tag mappings +become available, as well as two additional methods, **iptc.getText()** and +**iptc.getAll()**: + +```js +var keywords = data.iptc.getText('Keywords'); // e.g.: ['Weather','Sky'] + +// A map of all parsed tags with their mapped names as keys and their text values: +var allTags = data.iptc.getAll(); +``` + +The Iptc parser also adds additional options for the parseMetaData method, to +disable certain aspects of the parser: + +* **disableIptc**: Disables Iptc parsing. + ## License The JavaScript Load Image script is released under the [MIT license](https://opensource.org/licenses/MIT). diff --git a/iptc.html b/iptc.html new file mode 100644 index 0000000..7071731 --- /dev/null +++ b/iptc.html @@ -0,0 +1,73 @@ + + + + + + +Codestin Search App + + + + + + + +

JavaScript Load Image IPTC Demo

JavaScript Load Image is a library to load images provided as File or Blob objects or via URL.
+It returns an optionally scaled and/or cropped HTML img or canvas element.
+It also provides a method to parse image meta data to extract Iptc tags and thumbnails and to restore the complete image header after resizing.

+ +
+

Select an image file

Or drag & drop an image file onto this webpage.

+
+

Result

+ +

This demo works only in browsers with support for the URL or FileReader API.

JavaScript Load Image IPTC Demo

Select an image file

Result

Iptc meta data