Search by Image Context Menu

Add menu in browser context menu when you right click on a standalone image page to search that image on search engines.
当前为 2020-07-26 提交的版本，查看最新版本。
安装此脚本？
提问、发表评价或者举报此脚本。
换行
/*
    Search by Image Context Menu
    Add menu in browser context menu when you right click on a standalone
    image page to search that image on search engines.
    Copyright (C) 2012 LouCypher

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program. If not, see <http://www.gnu.org/licenses/>
*/

// ==UserScript==
// @name            Search by Image Context Menu
// @namespace       http://userscripts.org/users/12
// @description     Add menu in browser context menu when you right click on a standalone image page to search that image on search engines.
// @version         2.0
// @author          LouCypher
// @license         GPL
// @resource        license https://raw.github.com/LouCypher/userscripts/master/licenses/GPL/LICENSE.txt
// @include         *
// @exclude         file://*
// @grant           GM_openInTab
// @grant           GM.openInTab
// ==/UserScript==

if (!("contextMenu" in document.documentElement &&
      "HTMLMenuItemElement" in window)) return;

var body = document.body;
body.addEventListener("contextmenu", initMenu, false);

var services = [
  {
    "name": "Google",
    "host": "https://www.google.com/",
    "query": "searchbyimage?image_url="
  }, {
    "name": "Bing",
    "host": "https://www.bing.com/",
    "query": "images/search?view=detailv2&iss=sbi&q=imgurl:"
  }, {
    "name": "Yandex",
    "host": "https://yandex.com/",
    "query": "images/search?rpt=imageview&url="
  }, {
    "name": "SauceNAO",
    "host": "https://saucenao.com/",
    "query": "search.php?url="
  }, {
    "name": "IQDB",
    "host": "https://iqdb.org/",
    "query": "?url="
  }, {
    "name": "TinEye",
    "host": "https://tineye.com/",
    "query": "search?sort=size&order=desc&url="
  }
];

var menu = body.appendChild(document.createElement("menu"));
menu.setAttribute("id", "userscript-search-by-image");
menu.setAttribute("type", "context");

for (let i in services) {
  let menuitem = menu.appendChild(document.createElement("menuitem"));
  menuitem.setAttribute("label", "Search " + services[i].name);
  menuitem.setAttribute("icon", services[i].host + "favicon.ico");
  menuitem.setAttribute("url", services[i].host + services[i].query);
}

document.querySelector("#userscript-search-by-image")
        .addEventListener("click", searchImage, false);

// Executed when user right click on web page body
// aEvent.target is the element you right click on
function initMenu(aEvent) {
  let node = aEvent.target;
  let item = document.querySelector("#userscript-search-by-image");
  if (node.localName == "img") {
    body.setAttribute("contextmenu", "userscript-search-by-image");
    item.setAttribute("imageURL", node.src);
  } else {
    body.removeAttribute("contextmenu");
    item.removeAttribute("imageURL");
  }
}

function addParamsToForm(aForm, aKey, aValue) {
  let hiddenField = document.createElement("input");
  hiddenField.setAttribute("type", "hidden");
  hiddenField.setAttribute("name", aKey);
  hiddenField.setAttribute("value", aValue);
  aForm.appendChild(hiddenField);
}

// Executed when user click on menuitem
// aEvent.target is the <menu> element
function searchImage(aEvent) {
  let imageURL = aEvent.target.parentNode.getAttribute("imageURL");
  console.log(aEvent.target);
  if (imageURL.indexOf("data:") == 0) {
    let base64Offset = imageURL.indexOf(",");
    if (base64Offset != -1) {
      let inlineImage = imageURL.substring(base64Offset + 1)
                                .replace(/\+/g, "-")
                                .replace(/\//g, "_")
                                .replace(/\./g, "=");

      let form = document.createElement("form");
      form.setAttribute("method", "POST");
      form.setAttribute("action", "//www.google.com/searchbyimage/upload");
      form.setAttribute("enctype", "multipart/form-data");
      form.setAttribute("target", "_blank");
      addParamsToForm(form, "image_content", inlineImage);
      addParamsToForm(form, "filename", "");
      addParamsToForm(form, "image_url", "");
      body.appendChild(form);
      form.submit();
    }
  } else {
    let url = aEvent.target.getAttribute("url") +
              encodeURIComponent(imageURL);
    if (typeof GM_openInTab == "function") {
      GM_openInTab(url);
    } else if (typeof GM.openInTab == "function") {
      GM.openInTab(url, false);
    } else {
      open(url);
    }
  }
}
欢迎访问Greasy Fork镜像
