Mozilla Hacks

Firefox 3.6 FileAPI 演示：从本地 JPEG 文件读取 EXIF 数据

Avatar photo 由 Christopher Blizzard

发布日期：2009 年 12 月 9 日 在 FileAPI 和 Firefox 中

Paul Rouget 已经制作了一个很棒的演示，展示了我们在 Firefox 3.6 中包含的新 FileAPI。它允许您将包含 EXIF 数据的 JPG 文件从桌面拖放到浏览器中，并提取图像中的 GPS 坐标，然后使用 JavaScript 加载拍摄照片的位置。

如果您有 Firefox 3.6 测试版，您可以查看演示，或者您也可以观看下面的视频。

关于 Christopher Blizzard

一次发布，让网页变得更好。

更多 Christopher Blizzard 的文章……

19 条评论

  1. Ryan

    这是很棒的工作。我期待着 FileWriter 的出现。

    2009 年 12 月 9 日 下午 5:10

  2. Thomas Saunders

    太棒了！我已经开始怀念服务器端上传技巧的日子了~

    2009 年 12 月 9 日 下午 5:28

  3. […] Firefox 3.6 FileAPI 演示：从本地 JPEG 文件读取 EXIF 数据 […]

    2009 年 12 月 9 日 下午 9:25

  4. Mardeg

    “..所以在这个例子中，我们将直接将此图像拖放到目标区域..

    咚！”

    太棒的声音效果了，伙计们 :)

    2009 年 12 月 10 日 上午 12:18

  5. Álvaro G. Vicario

    读一些关于安全性的内容会很有趣。目前，我们有被禁用的字段，不允许我们使用剪贴板粘贴文件路径，甚至无法删除所选文件，所有这些都是为了安全起见。这是一个巨大的漏洞。

    2009 年 12 月 10 日 上午 4:16

  6. Álvaro G. Vicario

    在我的上一条评论中，我在尖括号之间写了 input type=”file”。论坛软件似乎对纯文本应用了 HTML 过滤器 :(

    2009 年 12 月 10 日 上午 4:18

  7. sroucheray

    Paul，你真是个很棒的演示制作人！你这次把我给杀死了 :)

    2009 年 12 月 10 日 上午 5:32

  8. José

    提供包含 GPS 坐标的图像会很酷…

    2009 年 12 月 10 日 上午 5:34

  9. […] 如果你做任何前端 Web 开发工作，我鼓励你关注 Mozilla Hacks 博客。今天的文章非常有趣 - 阅读从桌面拖放到页面的 JPEG 文件中的 EXIF 数据。[…]

    2009 年 12 月 10 日 上午 10:22

  10. paul

    @José 我们确实做了，请看演示。

    2009 年 12 月 10 日 下午 4:39

  11. […] 关于 « Firefox 3.6 中的 CSS 背景 Firefox 3.6 FileAPI 演示：从本地 JPEG 文件读取 EXIF 数据 » […]

    2009 年 12 月 10 日 下午 5:00

  12. Álvaro G. Vicario

    读一些关于安全性的内容会很有趣。我们从拥有被禁用的 FILE 字段（不允许我们使用剪贴板粘贴文件路径，甚至无法删除所选文件，所有这些都是为了安全起见）跃迁到能够读取文件内容本身。这是一个巨大的变化，引发了一些担忧。

    2009 年 12 月 15 日 上午 1:29

  13. steki

    在使用新版 File API 时，我一直在寻找获取上传文件 filemtime 的选项，因为我想在将上传文件存储到服务器时保留原始文件时间。

    您对如何获取该信息有任何想法吗？

    2009 年 12 月 15 日 上午 5:38

  14. Toni Ruottu

    我是否可以以某种方式在我的代码中编写文件对象字面量？我正在编写一个代理，它为人们的 JavaScript 检索来自互联网的文件。人们将通过设置类似 的脚本标签来使用代理。然后，我的代理将获取文件并返回一个脚本，该脚本将设置变量 boom 以包含文件的内容。由于计划支持任意文件，我认为您用于以不同形式读出它的抽象等很好，但是为了实现它，我需要在每个响应中发送多少代码？

    2010 年 1 月 18 日 下午 5:52

  15. […] 所选文件。现在 Firefox 3.6 实现了 File API，您可以做一些事情，例如异步检查图像的 EXIF 内容或 MP3 文件中的 ID3 标签。异步部分很重要 - 我们不想 […]

    2010 年 3 月 12 日 下午 12:01

  16. […] 可以在 Paul Rouget 的 File API 高级演示中找到一个类似的示例，该示例在 Firefox 3.6 中运行。该示例使用 readAsDataURL […] 来显示图像。

    2010 年 6 月 20 日 下午 8:48

  17. Carol

    哇。干得好！;P
    我想知道这是否可以在 Flex 应用程序中实现。你知道吗？

    2010 年 7 月 8 日 上午 3:06

  18. Komrade Killjoy

    这将与我们各自的 ISP 强加于我们的 geoIP 位置有什么可怕的联系？

    2010 年 7 月 28 日 上午 5:48

  19. Roger

    这还能用吗。这正是我需要的，但我无法弄清楚。任何帮助将不胜感激

    Roger

    2010 年 10 月 28 日 上午 11:47

本文的评论已关闭。