相关疑难解决方法(0)

我有以下任务:

• 提供一个 <input type=file />
• 当用户添加文件时:
  • 读取EXIF数据(特别是位置信息,如果有的话)
  • 使用Ajax将文件和EXIF信息发送到外部API

因此,我想在将文件添加到文件夹时使用JavaScript来提取一些EXIF数据input.

这可能吗？

我知道这个问题:我可以用js读取客户端图片的Exif数据吗？,指http://blog.nihilogic.dk/2008/05/reading-exif-data-with-javascript.html

但我的问题是(我认为？)略有不同 - 我想在图像甚至在我的域之前提取EXIF数据,而它是在用户的本地文件系统上,如果你看到我的意思.我可以访问二进制数据,所以我也可以获得EXIF吗？

谢谢你的建议.

我正在使用HTML5 文件API和FileReader.

HTML:

<div id="holder"></div> 

JS:

<script>
var holder = document.getElementById('holder'),
    state = document.getElementById('status');

if (typeof window.FileReader === 'undefined') {
  state.className = 'fail';
} else {
  state.className = 'success';
  state.innerHTML = 'File API & FileReader available';
}

holder.ondragover = function () { this.className = 'hover'; return false; };
holder.ondragend = function () { this.className = ''; return false; };
holder.ondrop = function (e) {
  this.className = '';
  e.preventDefault();

  var file = e.dataTransfer.files[0],
      reader = new FileReader();
  reader.onload = function …