Firefox 3.6 FileAPI demo: reading EXIF data from a local JPEG file

Paul Rouget has put together a great demo of the new FileAPI we’re including in Firefox 3.6. It lets you drag a JPG from the desktop into the browser that includes EXIF data and it can extract the GPS coordinates in the image and then load the location of where the photo was taken, entirely from JavaScript.

If you have the Firefox 3.6 beta, you can view the demo or you can just watch the video below.

About Christopher Blizzard

Making the web better, one release at a time.

More articles by Christopher Blizzard…


19 comments

  1. Ryan

    That is awesome work. I’m looking forward to FileWriter now.

    December 9th, 2009 at 17:10

  2. Thomas Saunders

    Awesome! I’m already growing nostalgic for the days of serverside uploading hacks~

    December 9th, 2009 at 17:28

  3. […] Firefox 3.6 FileAPI demo: reading EXIF data from a local JPEG file […]

    December 9th, 2009 at 21:25

  4. Mardeg

    “..so for this example we’ll drop this image directly onto the drop target..

    DOINK!”

    Fantastic sound effects guys :)

    December 10th, 2009 at 00:18

  5. Álvaro G. Vicario

    It’d be interesting to read something about security. Currently, we have crippled fields where we are not allowed to use the clipboard to paste file paths, not even remove the selected file, all in the name of security. It’s a great gap.

    December 10th, 2009 at 04:16

  6. Álvaro G. Vicario

    In my previous comment I wrote input type=”file” between angle brackets. The forum software seems to apply HTML filters to plain text :(

    December 10th, 2009 at 04:18

  7. sroucheray

    Paul, you are a great demo maker ! You killed me with this one :)

    December 10th, 2009 at 05:32

  8. José

    Providing an image that has GPS coordinates would be cool…

    December 10th, 2009 at 05:34

  9. […] If you do any kind of front-end web development work, I’d encourage you to follow the Mozilla Hacks blog.  Today’s post is a really interesting one – reading EXIF data from a JPEG file that has been dropped on the page from the desktop. […]

    December 10th, 2009 at 10:22

  10. paul

    @José We do that, see the demo.

    December 10th, 2009 at 16:39

  11. […] About « css backgrounds in Firefox 3.6 Firefox 3.6 FileAPI demo: reading EXIF data from a local JPEG file » […]

    December 10th, 2009 at 17:00

  12. Álvaro G. Vicario

    It’d be interesting to read something about security. We are jumping from having crippled FILE fields where we are not allowed to use the clipboard to paste file paths, not even remove the selected file (all in the name of security) to being able to read the content file itself. It’s a great change that arouses some concerns.

    December 15th, 2009 at 01:29

  13. steki

    when using the new file api, i was looking for an option get the filemtime of the uploaded file, because i want to keep the original file time when storing the uploaded file to the server.

    any ideas on how to get that information?

    December 15th, 2009 at 05:38

  14. Toni Ruottu

    Can I somehow write a file object literal in my code? I’m coding a proxy which retrieves files from the Internet for people’s java-scripts. People will use the proxy by setting a script tag like . My proxy will then grab the file and return a script which sets variable boom to contain the contents of the file. As the plan is to support arbitrary files I thought your abstraction for reading it out in different forms etc. would be good, but how much code do I need to send with each response in order to implement that?

    January 18th, 2010 at 17:52

  15. […] selected file. Now that Firefox 3.6 implements the File API, you can do stuff like asynchronously examine the EXIF content of an image, or the ID3 tags within an MP3 file. The asynchronous part is important — we don’t want […]

    March 12th, 2010 at 12:01

  16. […] 3.6에서 동작하는 이와 유사한 예제를 폴 루제(Paul Rouget)의 File API 고급 데모에 찾을 수 있습니다. 이 예제에는 이미지를 표시하기 위해 readAsDataURL […]

    June 20th, 2010 at 20:48

  17. Carol

    Wow.Good job! ;P
    I was wondering if it would be possible in Flex application. Do you know that?

    July 8th, 2010 at 03:06

  18. Komrade Killjoy

    What creepy tie-ins will this have with geoIP location inflicted on us by our respective ISP?

    July 28th, 2010 at 05:48

  19. Roger

    Does this still work. This is exactly what I need but can’t figure it out. Any help would be appreciated

    Roger

    October 28th, 2010 at 11:47

Comments are closed for this article.