【问题标题】:jquery.exif not load exif data from displayed photojquery.exif 不从显示的照片中加载 exif 数据
【发布时间】:2014-02-23 15:57:15
【问题描述】:

我无法从显示的图片地址获取 exif 数据

通过点击照片,您应该可以看到 exif 数据。

var someCallback = function(e) {
    $('#cameraModel').val(e.Model);
    $('#aperture').val(e.FNumber);
    $('#created').val(e.DateTime);
    $('#taken').val(e.DateTimeOriginal);
    $('#copyright').val(e.Copyright);
    $('#description').val(e.ImageDescription);
    $('#artist').val(e.Artist);
    $('#latitude').val(e.GPSLatitude[2]);
    $('#longitude').val(e.GPSLongitude[2]);
    //Uncomment the line below to examine the
    //EXIF object in console to read other values
    //console.log(e);
}

$('#fdd').on('click', function (e) {
    alert($(this).attr("src"));
    $(this).fileExif(someCallback);
});

请帮忙...jsfiddle

【问题讨论】:

  • 你的小提琴没有加载 jquery.exif.js?事实证明,您不能直接在小提琴中使用该库,因为它使用 document.write。如果您将插件中的代码粘贴到小提琴中并删除 document.write sn-p (仅适用于 IE),那么您会走得更远。

标签: exif


【解决方案1】:

在小提琴中,您正在尝试使用来自https://github.com/sanisoft/jQuery-fileExif 的 fileExif 方法。这里有几个问题:

  • 您没有在小提琴中加载库(因此我不得不猜测您尝试使用哪个库。提示:阅读控制台日志,Uncaught TypeError: Object [object Object] has no method 'fileExif' 之类的消息表示您缺少代码或尝试调用错误的对象)

  • 该库无法加载到小提琴中,因为它使用 document.write。您可以从插件中删除此代码以使其正常工作;只有 IE 需要它:

document.write(
    "<script type='text/vbscript'>\r\n"
    + "Function IEBinary_getByteAt(strBinary, iOffset)\r\n"
    + " IEBinary_getByteAt = AscB(MidB(strBinary,iOffset+1,1))\r\n"
    + "End Function\r\n"
    + "Function IEBinary_getLength(strBinary)\r\n"
    + " IEBinary_getLength = LenB(strBinary)\r\n"
    + "End Function\r\n"
    + "</script>\r\n"
);

【讨论】:

  • 你好。谢谢我忘了添加库..但是库有问题。我需要使用 fileExif 方法。请查看新版 Fiddel:jsfiddle.net/ZS6bK/4
  • 读取控制台错误。您不能在您的小提琴中使用来自该站点的图像,因为它们不发送 CORS 标头。 en.wikipedia.org/wiki/Cross-origin_resource_sharing
  • 一个允许访问的图像示例:upload.wikimedia.org/wikipedia/commons/f/fd/…(查看开发人员工具中的响应标头)但是,由于 jquery-exif 尝试发出 HEAD 请求,它还需要发出 OPTIONS请求 CORS 工作而 wikimedia 不支持这一点。如果您托管自己的代码而不是使用小提琴,所有这些问题都会消失。
猜你喜欢
  • 2019-06-13
  • 1970-01-01
  • 2010-11-17
  • 2012-06-18
  • 1970-01-01
  • 1970-01-01
  • 2016-01-18
  • 1970-01-01
  • 2012-06-14
相关资源
最近更新 更多