Question

我现在的情况是：

我正在开发一个发布照片的网站。我正在使用twitter bootstrap，jquery和Galleria.io

现在我想从我制作的照片中显示一些exif数据。因此我想使用这个jquery插件：http://blog.nihilogic.dk/2008/05/jquery-exif-data-plugin.html

我已经测试了旁边的例子。他们工作。下面的代码没有。每次加载图像时，它都会返回一个空警报。所以至少这是有效的。这些是我在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());
        });
    });

我希望你能帮助我。

Answer 1

好的，我和朋友说了一遍：

我的代码现在看起来像这样：

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....
                });
            });
        });
    });

它仅适用于服务器上的图像，但不适用于远程服务器上的图像。

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

1 个答案: