Search By Image

Search By Image | 以图搜图

目前为 2017-07-18 提交的版本。查看 最新版本

  1. // ==UserScript==
  2. // @name Search By Image
  3. // @version 1.5
  4. // @description Search By Image | 以图搜图
  5. // @match <all_urls>
  6. // @include *
  7. // @author 864907600cc
  8. // @icon http://1.gravatar.com/avatar/147834caf9ccb0a66b2505c753747867
  9. // @run-at document-start
  10. // @grant GM_getValue
  11. // @grant GM_setValue
  12. // @grant GM_openInTab
  13. // @grant GM_registerMenuCommand
  14. // @namespace http://ext.ccloli.com
  15. // ==/UserScript==
  16.  
  17.  
  18. // 本脚本基于 GPLv3 协议开源 http://www.gnu.org/licenses/gpl.html
  19. // (c) 86497600cc. Some Rights Reserved.
  20. // Default setting: Press Ctrl and click right key on a image to search.
  21.  
  22. 'use strict';
  23. var default_setting = {
  24. "site_list": {
  25. "Google": "https://www.google.com/searchbyimage?image_url={%s}",
  26. "Baidu": "https://image.baidu.com/n/pc_search?queryImageUrl={%s}&fm=result_camera&uptype=paste&drag=1",
  27. "Bing": "https://www.bing.com/images/searchbyimage?cbir=sbi&iss=sbi&imgurl={%s}",
  28. "TinEye": "https://www.tineye.com/search?url={%s}",
  29. //"Cydral": "http://www.cydral.com/#url={%s}",
  30. "Yandex": "https://yandex.ru/images/search?rpt=imageview&img_url={%s}", // change "Яндекс (Yandex)" to "Yandex"
  31. "Sogou": "https://pic.sogou.com/ris?query={%s}&flag=1&drag=0",
  32. "360 ShiTu": "http://st.so.com/stu?imgurl={%s}",
  33. "SauceNAO": "https://saucenao.com/search.php?db=999&url={%s}",
  34. "IQDB": "https://iqdb.org/?url={%s}",
  35. "3D IQDB": "https://3d.iqdb.org/?url={%s}",
  36. "WhatAnime": "https://whatanime.ga/?url={%s}"
  37. },
  38. "site_option": ["Google", "Baidu", "Bing", "TinEye", "Yandex", "Sogou", "360 ShiTu", "SauceNAO", "IQDB", "3D IQDB", "WhatAnime"],
  39. "hot_key": "ctrlKey",
  40. "server_url": "//sbi.ccloli.com/img/upload.php"
  41. };
  42.  
  43. /*var server_url = "//sbi.ccloli.com/img/upload.php";*/
  44. // 请直接在设置页进行设置(Firefox 请尽量选择支持 https 的服务器)
  45. // 地址前使用"//"表示按照当前页面设定决定是否使用 https
  46. // 地址前使用"http://"表示强制使用 http
  47. // 地址前使用"https://"表示强制使用 https(需确认服务器支持 ssl)
  48. // 如果需要自己架设上传服务器的话请访问 GitHub 项目页(https://github.com/ccloli/Search-By-Image)获取服务端
  49. // 其他可用的上传服务器如下:
  50. // Heroku: //search-by-image.herokuapp.com/img/upload.php (支持 https)
  51. // BeGet: http://fh13121a.bget.ru/img/upload.php (不支持 https)
  52. // OpenShift: //searchbyimage-864907600cc.rhcloud.com/img/upload.php (支持 https)
  53. // DigitalOcean VPS: //sbi.ccloli.com/img/upload.php (支持 https,thanks to Retaker)
  54. // 注意,部分服务器可能仅支持 http 协议,若您选择了这些服务器,请务必注明 "http://",且若您使用的是 Firefox 浏览器,在 https 页面下将不能上传文件搜索搜索(除非设置 security.mixed_content.block_active_content 为 false)
  55.  
  56. var search_panel = null;
  57. var setting = GM_getValue('setting') ? JSON.parse(GM_getValue('setting')) : default_setting;
  58. var disable_contextmenu = false;
  59. var img_src = null;
  60. var data_version = GM_getValue('version', 0);
  61. var last_update = GM_getValue('timestamp', 0);
  62. var xhr = new XMLHttpRequest();
  63. var reader = new FileReader();
  64. reader.onload = function(file) {
  65. upload_file(this.result);
  66. };
  67.  
  68. var i18n = {
  69. 'zh': {
  70. 'u2s': '上传图片并搜索',
  71. 'dh': '拖拽文件至此',
  72. 'ca': '确认终止上传文件吗?',
  73. 'a': '多搜',
  74. 'n': '名称',
  75. 'l': '地址(图片地址以 {%s} 代替)',
  76. 'cr': '确定将所有设置初始化么?\n(初始化将清除所有所有设置,且不可逆)',
  77. 'us': '上传完成!',
  78. 'uf': '上传失败!',
  79. 'sh': '热键',
  80. 'sa': '添加',
  81. 'sr': '重置',
  82. 'ss': '保存',
  83. 'sc': '取消'
  84. },
  85. 'en': {
  86. 'u2s': 'Upload image to search',
  87. 'dh': 'Drag file to here',
  88. 'ca': 'Are you sure to cancel uploading?',
  89. 'a': 'All',
  90. 'n': 'Name',
  91. 'l': 'Location (Image URL should be replace with {%s})',
  92. 'cr': 'Are you sure to reset all preferences (irreversible) ?',
  93. 'us': 'Upload finished!',
  94. 'uf': 'Upload failed!',
  95. 'sh': 'Hot Key',
  96. 'sa': 'Add',
  97. 'sr': 'Reset',
  98. 'ss': 'Save',
  99. 'sc': 'Cancel'
  100. }
  101. };
  102. var lang = i18n[navigator.language] ? navigator.language : navigator.languages ? navigator.languages.filter(function(elem){
  103. return i18n[elem];
  104. })[0] : null;
  105. if (lang == null) lang = 'en';
  106.  
  107. if (data_version < 4) {
  108. var new_site_list = {};
  109. var new_site_option = [];
  110.  
  111. for (var i in setting.site_list) {
  112. // use for loop to keep order, will use array in 2.x
  113. switch (i) {
  114. case 'Baidu ShiTu':
  115. case 'Baidu Image':
  116. new_site_list['Baidu'] = default_setting.site_list['Baidu'];
  117. break;
  118.  
  119. case 'Bing':
  120. case 'Sogou':
  121. new_site_list[i] = default_setting.site_list[i];
  122. break;
  123. default:
  124. new_site_list[i] = setting.site_list[i];
  125. }
  126. }
  127. new_site_list['WhatAnime'] = default_setting.site_list['WhatAnime'];
  128.  
  129. for (var i = 0; i < setting.site_option.length; i++) {
  130. if ((setting.site_option[i] === 'Baidu ShiTu' || setting.site_option[i] === 'Baidu Image') && !(/,?Baidu,?/.test(new_site_option.join(',')))) {
  131. new_site_option.push('Baidu');
  132. }
  133. else {
  134. new_site_option.push(setting.site_option[i]);
  135. }
  136. }
  137. new_site_option.push('WhatAnime');
  138.  
  139. setting.site_list = new_site_list;
  140. setting.site_option = new_site_option;
  141. set_setting(setting);
  142. GM_setValue('version', data_version = 4);
  143. }
  144.  
  145. if (setting.server_url == null || setting.server_url == '') {
  146. setting.server_url = default_setting.server_url;
  147. set_setting(setting);
  148. }
  149.  
  150. var server_url = setting.server_url;
  151.  
  152. function set_setting(data) {
  153. GM_setValue('setting', JSON.stringify(data));
  154. GM_setValue('timestamp', new Date().getTime());
  155. }
  156.  
  157. function create_panel() {
  158. search_panel = document.createElement('div');
  159. search_panel.style.cssText = 'width: 198px; font-size: 14px; text-align: center; position: absolute; color: #000; z-index: 9999999999; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); border: 1px solid #CCC; background: rgba(255, 255, 255, 0.9); border-top-right-radius: 2px; border-bottom-left-radius: 2px; font-family: "Arial"; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;';
  160. document.body.appendChild(search_panel);
  161. var search_top = document.createElement('div');
  162. search_top.style.cssText = 'height: 24px; line-height: 24px; font-size: 12px; overflow: hidden; margin: 0 auto; padding: 0 5px;';
  163. search_top.className = 'image-search-top';
  164. search_top.innerHTML = '<div class="search_top_url" style="overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; height: 24px;"></div><div class="search_top_file" style="width: 100%; height: 24px; line-height: 24px;" draggable="true"><label for="image-search-file">' + i18n[lang]['u2s'] + '</label><input type="file" id="image-search-file" accept="image/*" style="width: 0px; height: 0px; max-height: 0px; max-width: 0px; margin: 0; padding: 0;"></div><div class="search_top_progress"><progress style="width: 100%; height: 16px; vertical-align: middle; margin: 4px 0;" max="1"></progerss></div><style>.image-search-item{color: #000000; transition: all 0.2s linear; -webkit-transition: all 0.1s linear;}.image-search-item:hover{background: #eeeeee;}</style>';
  165. search_panel.appendChild(search_top);
  166. var search_item = document.createElement('div');
  167. search_item.style.cssText = 'width: 100%; height: 24px; line-height: 24px; cursor: pointer;';
  168. search_item.className = 'image-search-item';
  169. for (var i in setting.site_list) {
  170. var search_item_child = search_item.cloneNode(true);
  171. search_item_child.textContent = i;
  172. search_item_child.setAttribute('search-option', i);
  173. search_panel.appendChild(search_item_child);
  174. }
  175. search_item.textContent = 'All';
  176. search_item.setAttribute('search-option', 'all');
  177. search_panel.appendChild(search_item);
  178. var search_item_setting = search_item.cloneNode(true);
  179. search_item_setting.textContent = 'Setting';
  180. search_item_setting.setAttribute('search-option', 'setting');
  181. search_panel.appendChild(search_item_setting);
  182. search_top.getElementsByTagName('input')[0].onchange = function() {
  183. reader.readAsDataURL(this.files[0]);
  184. };
  185. search_panel.ondragenter = function(event) {
  186. event.preventDefault();
  187. search_top.getElementsByTagName('label')[0].textContent = i18n[lang]['dh'];
  188. };
  189. search_panel.ondragleave = function(event) {
  190. event.preventDefault();
  191. search_top.getElementsByTagName('label')[0].textContent = i18n[lang]['u2s'];
  192. };
  193. search_panel.ondragover = function(event) {
  194. search_top.getElementsByTagName('label')[0].textContent = i18n[lang]['dh'];
  195. event.preventDefault();
  196. };
  197. search_panel.ondrop = function(event) {
  198. event.stopPropagation();
  199. event.preventDefault();
  200. var files = event.target.files || event.dataTransfer.files;
  201. if (files[files.length - 1].type.indexOf('image') >= 0) reader.readAsDataURL(files[files.length - 1]);
  202. };
  203. search_top.getElementsByTagName('progress')[0].onclick = function() {
  204. if (xhr.readyState != 0 && confirm(i18n[lang]['ca']) == true) {
  205. xhr.abort();
  206. search_panel.getElementsByClassName('search_top_url')[0].style.marginTop = '-24px';
  207. }
  208. };
  209. if (navigator.userAgent.indexOf('Firefox') >= 0) {
  210. var paste_node_firefox = document.createElement('div');
  211. paste_node_firefox.setAttribute('contenteditable', 'true');
  212. paste_node_firefox.className = 'image-search-paste-node-firefox';
  213. paste_node_firefox.style.cssText = 'width: 0!important; height: 0!important; position: absolute; overflow: hidden;';
  214. paste_node_firefox.addEventListener('paste', function(event) {
  215. setTimeout(function() {
  216. var _images = paste_node_firefox.getElementsByTagName('img');
  217. if (_images.length > 0) {
  218. var _img_src = _images[_images.length - 1].src;
  219. if (_img_src.match(/^data:\s*.*?;\s*base64,\s*/)) upload_file(_img_src);
  220. }
  221. }, 500);
  222. }, false);
  223. search_top.appendChild(paste_node_firefox);
  224. }
  225. }
  226.  
  227. function call_setting() {
  228. var setting_panel = document.createElement('div');
  229. setting_panel.style.cssText = 'width: 520px; font-size: 14px; position: fixed; color: #000; z-index: 9999999999; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); border: 1px solid #CCC; background: rgba(255, 255, 255, 0.9); border-top-right-radius: 2px; border-bottom-left-radius: 2px; padding: 10px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; font-family: "Arial"; height: 400px; max-height: 90%; overflow: auto; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;';
  230. document.body.appendChild(setting_panel);
  231. var setting_header = document.createElement('div');
  232. setting_header.style.cssText = 'width: 100%; height: 32px; line-height: 32px; font-size: 18px; line-height: 32px;';
  233. setting_header.className = 'image-search-setting-header';
  234. setting_header.textContent = 'Search By Image Setting';
  235. setting_panel.appendChild(setting_header);
  236. var setting_item = document.createElement('div');
  237. setting_item.style.cssText = 'width: 100%; height: 24px; line-height: 24px; margin: 1px 0;';
  238. setting_item.className = 'image-search-setting-title';
  239. setting_item.innerHTML = '<div style="text-align: center; display: inline-block; width: 30px;">' + i18n[lang]['a'] + '</div><div style="width: 100px; text-align: center; display: inline-block;">' + i18n[lang]['n'] + '</div><div style="width: 350px; text-align: center; display: inline-block;">' + i18n[lang]['l'] + '</div><div style="width: 20px; display: inline-block;"></div>';
  240. setting_panel.appendChild(setting_item);
  241. for (var i in setting.site_list) {
  242. var setting_item_child = setting_item.cloneNode(true);
  243. setting_item_child.className = 'image-search-setting-item';
  244. setting_item_child.innerHTML = '<div style="text-align: center; display: inline-block; width: 30px; vertical-align: middle;"><input type="checkbox"' + (setting.site_option.join('\n').indexOf(i) >= 0 ? ' checked="checked"' : '') + '></div><div style="width: 100px; text-align: center; display: inline-block;"><input style="width: 90px;" type="text" value="' + i + '"></div><div style="width: 350px; text-align: center; display: inline-block;"><input style="width: 340px;" type="text" value="' + setting.site_list[i] + '"></div><div style="text-align: center; display: inline-block; cursor: pointer; width: 20px;">×</div>';
  245. setting_panel.appendChild(setting_item_child);
  246. setting_item_child.getElementsByTagName('div')[3].onclick = function() {
  247. this.parentElement.outerHTML = '';
  248. };
  249. }
  250. var setting_server = document.createElement('div');
  251. setting_server.className = 'image-search-setting-server';
  252. setting_server.innerHTML = 'Upload Server <input type="text" value="' + setting['server_url'] + '" placeholder="//sbi.ccloli.com/img/upload.php" style="width: 350px;">';
  253. setting_panel.appendChild(setting_server);
  254. var setting_footer = document.createElement('div');
  255. setting_footer.style.cssText = 'width: 100%; height: 32px; line-height: 32px; margin-top: 5px; text-align: right;';
  256. setting_footer.className = 'image-search-setting-footer';
  257. setting_panel.appendChild(setting_footer);
  258. var setting_hotkey = document.createElement('div');
  259. var setting_add = document.createElement('div');
  260. var setting_reset = document.createElement('div');
  261. var setting_save = document.createElement('div');
  262. var setting_cancel = document.createElement('div');
  263. setting_hotkey.style.cssText = 'height: 32px; display: inline-block; text-align: left; float: left;';
  264. setting_add.style.cssText = 'width: 90px; height: 32px; margin: 0 5px; background: #666; color: #FFF; display: inline-block; text-align: center; cursor: pointer;';
  265. setting_reset.style.cssText = 'width: 90px; height: 32px; background: #666; color: #FFF; display: inline-block; text-align: center; cursor: pointer;';
  266. setting_save.style.cssText = 'width: 90px; height: 32px; margin: 0 5px; background: #666; color: #FFF; display: inline-block; text-align: center; cursor: pointer;';
  267. setting_cancel.style.cssText = 'width: 90px; height: 32px; background: #666; color: #FFF; display: inline-block; text-align: center; cursor: pointer;';
  268. setting_add.textContent = i18n[lang]['sa'];
  269. setting_reset.textContent = i18n[lang]['sr'];
  270. setting_save.textContent = i18n[lang]['ss'];
  271. setting_cancel.textContent = i18n[lang]['sc'];
  272. setting_hotkey.innerHTML = i18n[lang]['sh'] + ' <select><option value="ctrlKey"' + (setting.hot_key == 'ctrlKey' ? ' selected' : '') + '>Ctrl</option><option value="shiftKey"' + (setting.hot_key == 'shiftKey' ? ' selected' : '') + '>Shift</option><option value="altKey"' + (setting.hot_key == 'altKey' ? ' selected' : '') + '>Alt</option></select>';
  273. setting_footer.appendChild(setting_hotkey);
  274. setting_footer.appendChild(setting_add);
  275. setting_footer.appendChild(setting_reset);
  276. setting_footer.appendChild(setting_save);
  277. setting_footer.appendChild(setting_cancel);
  278. setting_add.onclick = function() {
  279. var setting_item_child = setting_item.cloneNode(true);
  280. setting_item_child.className = 'image-search-setting-item';
  281. setting_item_child.innerHTML = '<div style="text-align: center; display: inline-block; width: 30px; vertical-align: middle;"><input type="checkbox"></div><div style="width: 100px; text-align: center; display: inline-block;"><input style="width: 90px;" type="text"></div><div style="width: 350px; text-align: center; display: inline-block;"><input style="width: 340px;" type="text"></div><div style="text-align: center; display: inline-block; cursor: pointer; width: 20px;">×</div>';
  282. setting_panel.insertBefore(setting_item_child, setting_footer);
  283. setting_item_child.getElementsByTagName('div')[3].onclick = function() {
  284. this.parentElement.outerHTML = '';
  285. };
  286. setting_panel.scrollTop = setting_panel.scrollHeight;
  287. };
  288. setting_reset.onclick = function() {
  289. if (confirm(i18n[lang]['cr']) == true) {
  290. setting = default_setting;
  291. set_setting(setting);
  292. setting_panel.outerHTML = '';
  293. if (search_panel != null) {
  294. search_panel.parentElement.removeChild(search_panel);
  295. search_panel = null;
  296. }
  297. call_setting();
  298. }
  299. };
  300. setting_save.onclick = function() {
  301. var setting_items = document.getElementsByClassName('image-search-setting-item');
  302. var setting_data = {
  303. "site_list": {},
  304. "site_option": [],
  305. "hot_key": null,
  306. "server_url": null
  307. };
  308. for (var i = 0; i < setting_items.length; i++) {
  309. if (setting_items[i].getElementsByTagName('input')[1].value != '') {
  310. if (setting_items[i].getElementsByTagName('input')[0].checked) setting_data.site_option.push(setting_items[i].getElementsByTagName('input')[1].value);
  311. setting_data.site_list[setting_items[i].getElementsByTagName('input')[1].value] = setting_items[i].getElementsByTagName('input')[2].value;
  312. }
  313. }
  314. setting_data.hot_key = setting_hotkey.getElementsByTagName('select')[0].value;
  315. setting_data.server_url = document.getElementsByClassName('image-search-setting-server')[0].getElementsByTagName('input')[0].value;
  316. if (setting_data.server_url == null || setting_data.server_url == '') {
  317. setting_data.server_url = default_setting.server_url;
  318. }
  319. setting = setting_data;
  320. server_url = setting.server_url;
  321. console.log(setting_data);
  322. set_setting(setting);
  323. setting_panel.outerHTML = '';
  324. if (search_panel != null) {
  325. search_panel.parentElement.removeChild(search_panel);
  326. search_panel = null;
  327. }
  328. };
  329. setting_cancel.onclick = function() {
  330. setting_panel.outerHTML = '';
  331. };
  332. }
  333.  
  334. function upload_file(data) {
  335. if (xhr.readyState != 0) xhr.abort();
  336. xhr.onreadystatechange = function() {
  337. if (xhr.readyState == 4) {
  338. if (xhr.status == 200) {
  339. img_src = xhr.responseText;
  340. search_panel.getElementsByClassName('search_top_url')[0].style.marginTop = '0px';
  341. search_panel.getElementsByClassName('search_top_url')[0].textContent = i18n[lang]['us'];
  342. }
  343. }
  344. };
  345. xhr.upload.onprogress = function(event) {
  346. search_panel.getElementsByTagName('progress')[0].value = event.loaded / event.total;
  347. };
  348. xhr.onerror = function() {
  349. alert(i18n[lang]['uf']);
  350. };
  351. var form = new FormData();
  352. xhr.open('POST', server_url);
  353. form.append('imgdata', data);
  354. xhr.send(form);
  355. search_panel.getElementsByClassName('search_top_url')[0].style.marginTop = '-48px';
  356. }
  357.  
  358. function get_clipboard(event) {
  359. var items = event.clipboardData.items;
  360. if (items[items.length - 1].type.indexOf('image') >= 0) reader.readAsDataURL(items[items.length - 1].getAsFile());
  361. }
  362.  
  363. function hide_panel() {
  364. if (!search_panel || !search_panel.parentElement) return;
  365. img_src = null;
  366. search_panel.parentElement.removeChild(search_panel); // Remove search panel to fix the bug that it may be left in some WYSIWYG editor (eg. MDN WYSIWYG editor). See issue: http://tieba.baidu.com/p/3682475061
  367. document.removeEventListener('paste', get_clipboard, false);
  368. }
  369.  
  370. document.addEventListener('mousedown', function(event) {
  371. //console.log('Search Image >>\nevent.ctrlKey: '+event.ctrlKey+'\nevent.button: '+event.button+'\nevent.target:'+event.target+'\nevent.target.tagName: '+event.target.tagName+'\nevent.target.src: '+event.target.src+'\nevent.pageX: '+event.pageX+'\nevent.pageY: '+event.pageY+'\ndocument.documentElement.clientWidth: '+document.documentElement.clientWidth+'\ndocument.documentElement.clientHeight: '+document.documentElement.clientHeight+'\ndocument.documentElement.scrollWidth: '+document.documentElement.scrollWidth+'\ndocument.documentElement.scrollHeight: '+document.documentElement.scrollHeight+'\ndocument.documentElement.scrollLeft: '+document.documentElement.scrollLeft+'\ndocument.documentElement.scrollTop: '+document.documentElement.scrollTop);
  372. if (disable_contextmenu == true) {
  373. document.oncontextmenu = null;
  374. disable_contextmenu = false;
  375. }
  376. if (event[setting.hot_key] == true && event.button == 2) {
  377. if (search_panel == null) create_panel();
  378. else if (last_update != GM_getValue('timestamp', 0)) {
  379. last_update = GM_getValue('timestamp', 0);
  380. search_panel.parentElement.removeChild(search_panel);
  381. setting = GM_getValue('setting') ? JSON.parse(GM_getValue('setting')) : default_setting;
  382. create_panel();
  383. }
  384. else document.body.appendChild(search_panel);
  385. search_panel.style.left = (document.documentElement.offsetWidth + (document.documentElement.scrollLeft || document.body.scrollLeft) - event.pageX >= 200 ? event.pageX : event.pageX >= 200 ? event.pageX - 200 : 0) + 'px';
  386. search_panel.style.top = (event.pageY + search_panel.offsetHeight < (document.documentElement.scrollTop || document.body.scrollTop) + document.documentElement.clientHeight ? event.pageY : event.pageY >= search_panel.scrollHeight ? event.pageY - search_panel.offsetHeight : 0) + 'px';
  387. // Firefox doesn't support getComputedStyle(element).marginLeft/marginRight and it would return "0px" while the element's margin is "auto". See bugzila/381328.
  388. //search_panel.style.marginLeft = '-' + (navigator.userAgent.indexOf('Firefox') < 0 ? getComputedStyle(document.body).marginLeft : (document.documentElement.offsetWidth - document.body.offsetWidth) / 2 + 'px');
  389. //search_panel.style.marginTop = '-' + getComputedStyle(document.body).marginTop;
  390. disable_contextmenu = true;
  391. document.oncontextmenu = function() {
  392. return false;
  393. };
  394. if (event.target.tagName.toLowerCase() == 'img' && event.target.src != null) {
  395. search_panel.getElementsByClassName('search_top_url')[0].style.marginTop = '0px';
  396. search_panel.getElementsByClassName('search_top_url')[0].textContent = event.target.src;
  397. if (event.target.src.match(/^data:\s*.*?;\s*base64,\s*/) != null) upload_file(event.target.src);
  398. else img_src = event.target.src;
  399. }
  400. else {
  401. search_panel.getElementsByClassName('search_top_url')[0].style.marginTop = '-24px';
  402. if (navigator.userAgent.indexOf('Firefox') >= 0) {
  403. document.getElementsByClassName('image-search-paste-node-firefox')[0].innerHTML = '';
  404. document.getElementsByClassName('image-search-paste-node-firefox')[0].focus();
  405. }
  406. else document.addEventListener('paste', get_clipboard, false);
  407. }
  408. }
  409. else if (search_panel != null) {
  410. if (event.target.compareDocumentPosition(search_panel) == 10 || event.target.compareDocumentPosition(search_panel) == 0) {
  411. if (event.target.className == 'image-search-item' && event.button == 0) {
  412. switch (event.target.getAttribute('search-option')) {
  413. case 'all':
  414. if (img_src != null) {
  415. for (var i = setting.site_option.length - 1; i >= 0; i--) GM_openInTab(setting.site_list[setting.site_option[i]].replace(/\{%s\}/, encodeURIComponent(img_src)), event[setting.hot_key]);
  416. hide_panel();
  417. }
  418. break;
  419. case 'setting':
  420. call_setting();
  421. hide_panel();
  422. break;
  423. default:
  424. if (img_src != null) {
  425. GM_openInTab(setting.site_list[event.target.getAttribute('search-option')].replace(/\{%s\}/, encodeURIComponent(img_src)), event[setting.hot_key]);
  426. hide_panel();
  427. }
  428. }
  429. }
  430. else if (event.button != 0) hide_panel();
  431. }
  432. else hide_panel();
  433. }
  434. }, true);
  435.  
  436. var gm_callsetting = GM_registerMenuCommand('Search By Image Setting', call_setting);