画像からExif情報(GPS)を取得する node.js or Javascript EXIF Reader

最終更新日

streetview000003

画像からExif情報(の中の位置情報)を取得する方法メモ。

 
 

■ サーバーサイド(node.js)

node-exifというライブラリがあったので使ってみる。

Exif情報は取得できるが、なぜか正しい位置情報が取得できない。

しかたがないので、imagemagickのwrapper(node-imagemagick)を使う。
非同期のフロー制御にasyncを使うので、一緒にインストールする。

正しく、位置情報が取得できた。

 
 

■ クライアントサイド
下記ライブラリを使用する(今回はjQuery版を使用)
Javascript EXIF Reader
Javascript EXIF Reader – jQuery Plugin
使用法はいたって簡単。
ライブラリを読み込んでjQueryオブジェクトのメソッドとして「.exif()」を使用するだけ。

example

ただ、「input type=’file’」で選択した画像から上記ライブラリでExif情報を取得する方法がわからない(できない?)
data URI schemeにしてしまうとExif情報は取得できないみたい。
クライアント側で完結できないみたいなので、結局サーバー側に画像を一旦保存する必要があるっぽい。