0

我想在单击链接并接下来显示 Exif 数据后加载图像。我有这样的代码。

<div class="row">
<div class="col-md-4 link">
    <a id="link" href="http://77.45.18.218/Szprotawa/Zdjecia/teren-aparat/DSC02040.JPG" class="img-link">DSC02040.JPG</a>
</div>
<div class="col-md-4 image"></div>
<div class="col-md-4 exif"></div>

JS

$("a").click(function(event) {
event.preventDefault();
console.log($(this).attr("href"));
var self = $(this);
var link = $(this).attr("href");
var img = $("<img />").attr('src', link).load(function() {
    self.parent().parent().children('.image').append(img);

    $(this).exifLoad(function() {
        self.parent().parent().children('.exif').append($(this).exifAll());
    });
});});

它不工作。有人可能会看我哪里有错误？谢谢。

4

1 回答 1

1

您可以像这样加载图像：

       <html>
        <head>
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
            <script type="text/javascript">
            function openImage(url)
                {
                                var img = $('<img id="dynamic" />');
                    img.attr('src',url);
                    img.appendTo('.image');

                }
            </script>
        </head>
        <body> 
        <div class="row">
            this is page
        <div class="col-md-4 link">
            <a id="link" href="javascript:openImage('http://77.45.18.218/Szprotawa/Zdjecia/teren-aparat/DSC02040.JPG')" >DSC02040.JPG</a>
        </div>
<div class="col-md-4 image"></div>
<div class="col-md-4 exif"></div>
        </body>
    </html>

而不是在你可以加载其他<div class="col-md-4 exif">相同的功能之后。

这是 jsfiddle

于 2013-09-19T10:51:48.700 回答