Javascript 使用jquery从当前显示的图像加载EXIF数据

Javascript 使用jquery从当前显示的图像加载EXIF数据,javascript,jquery,exif,galleria,Javascript,Jquery,Exif,Galleria,我现在的处境是: 我正在开发一个发布我的照片的网站。我正在使用twitter引导、jquery和 现在我想展示一些我拍的照片中的exif数据。因此,我想使用这个jquery插件: 我已经测试了侧边给出的示例。他们工作。 下面的代码没有。每次加载图像时,它都会返回一个空警报。 所以至少这是可行的。 这是我使用javascript的第一步,所以我很高兴能得到大家的帮助 每次我更改图像时,都应该更新exif数据。所有映像都位于同一台服务器上 Galleria.ready(function(option

我现在的处境是:

我正在开发一个发布我的照片的网站。我正在使用twitter引导、jquery和

现在我想展示一些我拍的照片中的exif数据。因此,我想使用这个jquery插件:

我已经测试了侧边给出的示例。他们工作。 下面的代码没有。每次加载图像时,它都会返回一个空警报。 所以至少这是可行的。 这是我使用javascript的第一步,所以我很高兴能得到大家的帮助

每次我更改图像时,都应该更新exif数据。所有映像都位于同一台服务器上

Galleria.ready(function(options) {
    // this = the gallery instance
    // options = the gallery options
        this.bind('image', function(e) {
            imgHandle = $(e.imageTarget)
            imgHandle.load(function() {
                $(this).exifLoad(function() {
                    alert($(this).exifPretty());
                });
            });
        });
    });

    $("#img2").load(function() {
        $(this).exifLoad(function() {
            alert($(this).exifPretty());
        });
    });

我希望你能帮助我。

好的,我和一个朋友一起想出来了:

我的代码现在如下所示:

Galleria.ready(function(options) {
    // this = the gallery instance
    // options = the gallery options
    // will be called after the image is loaded
        this.bind('image', function(e) { 
            imgHandle = e.imageTarget;
            alert('Image loaded');
            //will be called if on same server
            $(imgHandle).exifLoad(function() {
                alert('Exif loaded');
                alert($(imgHandle).exifPretty());
                //do something here....
                });
            });
        });
    });

而且它只对服务器上的图像有效,而对远程服务器无效。

一个好主意可能是跳过
Galleria
部分,首先集中精力让
exif
插件工作。我也试过了。这个脚本的开发人员似乎不再维护它了。可能与新的jQuery版本不兼容。好的,我用jQuery 1.2.3测试了它。该脚本发布时的实际情况。还是没有反应……我猜你在这里做错了什么。试着让其中一个作者的例子起作用。作者的例子很好。我已经知道你不能得到远程图片exif,但我只有本地的。