Question

我试图这样做，当用户点击我网站内容中的图片时，它会将该图片加载到谷歌图片搜索中并显示结果。

这是我正在使用的代码

<script>
  var gurl = "http://www.google.com/searchbyimage?sbisrc=cr_1_3_2&amp;image_url=";

  $(document).ready(function() {
    $('.thefeed').delegate('p img', 'click', function(e) {
      e.preventDefault();
      window.open(gurl + this.src, '_blank');
    });
  });
</script>

和一个html代码段

<p>
  <img src="https://upload.wikimedia.org/wikipedia/commons/e/eb/Ash_Tree_-_geograph.org.uk_-_590710.jpg">
</p>

我们的想法是，当您点击图片时，它会打开this page.

Answer 1

var gurl = "http://www.google.com/searchbyimage?sbisrc=cr_1_3_2&image_url=";
        $(document).ready(function () {
            $('.thefeed').delegate('p img', 'click', function (e) {
                e.preventDefault();
                // Check if click is on image
                if (e.currentTarget.tagName === 'IMG') {
                    window.open(gurl + e.currentTarget.src, '_blank');   
                }
            });
        });

有一点是谷歌正在重写网址，我们无法阻止这段代码。这将为您正确生成网址。

在这种情况下指向.thefeed，现在应该解决

笔：https://codepen.io/anon/pen/eRExWW

点击图片，加载谷歌图片搜索

1 个答案: