画像をタブとタブの間にドラッグアンドドロップする事で画像検索を行いたいと考えています。
ですが、現在検索が行われずドロップした画像のみを出力するページとなってしまっています。
バグの内容としては、drawImageの部分で起こっており、かつbase64の文字列にimgタグで取得したデータが変換されていないというものです。
本来は、ドラッグアンドドロップを行った後に画像検索が行われるようにしたいと考えています。
どこの部分を変えることで、バグが起こることなく検索が行われるのでしょうか。
よろしくお願い致します。
json
1{ 2 "manifest_version": 2, 3 "version": "1.0.0", 4 "name": "Tab Searcher", 5 "description": "画像をタブの部分にドラッグ&ドロップするだけで画像検索の出来る拡張機能です。", 6 "permissions": [ 7 "tabs", 8 "activeTab", 9 "<all_urls>" 10 ], 11 "content_scripts" : [ 12 { 13 "matches" : [ 14 "file:///*/*", 15 "http://*/*", 16 "https://*/*" 17 ], 18 "js": [ 19 "content.js" 20 ], 21 "run_at" : "document_end" 22 } 23 ], 24 "background" : { 25 "scripts" : [ 26 "ImageSearch_test_6.js" 27 ], 28 "persistent" : false 29 }, 30 "browser_action":{ 31 "default_icon": "tabsearch.png" 32 } 33}
javascript
1function Sub(image){ 2 3 var form = document.createElement('form'); 4 form.setAttribute('method', 'post'); 5 form.setAttribute('action', 'http://images.google.com/searchbyimage/upload'); 6 form.style.display = "none"; 7 document.body.appendChild(form); 8 9 var hiddenField = document.createElement('input'); 10 hiddenField.setAttribute('type', 'hidden'); 11 hiddenField.setAttribute('name', 'image_content'); 12 hiddenField.setAttribute('value', image); 13 form.appendChild(hiddenField); 14 15 form.submit(); 16}; 17 18var imageToBase64 = function(imgElement, mimeType) { 19 var canvas = document.createElement('canvas'); 20 var ctx = canvas.getContext('2d'); 21 22 canvas.width = imgElement.width; 23 canvas.height = imgElement.height; 24 ctx.drawImage(imgElement, 0, 0); 25 26 base64String = canvas.toDataURL(mimeType); 27 28 return base64String; 29}; 30 31chrome.runtime.onMessage.addListener(function(request,sender,sendResponse){ 32 var image = request.image; 33 34 var base64String = imageToBase64(image, 'image/jpeg'); 35 36 var SearchCode = Sub.toString().replace(/(\n|\t)/gm, ''); 37 38 var url = {'url': 'javascript:' + SearchCode + '; Sub("' + base64String + '");'}; 39 40 sendResponse(url); 41});
javascript
1(window.onload = function(){ 2 var image = document.getElementsByTagName('img')[0]; 3 4 chrome.runtime.sendMessage({"image":image},function(url){ 5 location.href = url; 6 window.stop(); 7 }); 8})();
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/01/11 06:33
2017/01/11 07:04
2017/01/11 07:11
2017/01/11 07:18
2017/01/11 07:20
2017/01/11 10:10