質問編集履歴

1 先程の内容に、何を行いたいかをより詳しく書いてみました。

mansei2010

mansei2010 score 7

2016/07/17 22:00  投稿

画像をタブの部分にドラッグアンドドロップして画像検索出来るようにしたいのですが
拡張機能を作成していて、画像をタブの部分にドラッグアンドドロップして画像検索出来るようにしたいのですが
Googleの拡張機能でタイトルに書いた事を行いたいです。
Googleの拡張機能で画像をタブの部分にドラッグアンドドロップするだけで検索できるようにしたいのです。
ですが、画像が表示されるだけになってしまっていて、どこが足りていなかったり、間違っているのか調べても分かりません。
下記に実行したソースを載せます。
どうかアドバイスをいただけませんか。
どの様にすれば、画像検索を行えるか教えて頂けませんか。
###該当のソースコード
```JavaScript
document.addEventListener( 'dragstart', function( ev ) {
   ev.preventDefault();
   var target = ev.target;   
   if(/^img$/i.test(target.tagName)){
      ev.dataTransfer.setData("text/uri-list",target.src);   
   }
   //ev.preventDefault();
}, false );
document.addEventListener( 'drop', function( ev ) {
   ev.preventDefault();
   var data = ev.dataTransfer.getData("text/uri-list");
 
   var img=document.createElement("img");
   img.src=data;
   
}, false );
document.addEventListener('change', function(ev) {
   
   var img = new Image();
   var file = ev.target.files;
   var reader = new FileReader();
   reader.readAsDataURL(file[0]);
   reader.onload = function(){
       img.onload = function(){
       }
       img.src = reader.result;
   }
   imageSearch(img.src);
}, false);
function imageSearch(url) {
   var form = document.createElement('form');
   form.setAttribute('method', 'post');
   form.setAttribute('enctype', 'multipart/form-data');
   form.setAttribute('action', 'http://images.google.com/searchbyimage/upload');
   var hiddenField = document.createElement('input');
   hiddenField.setAttribute('type', 'hidden');
   hiddenField.setAttribute('name', 'image_content');
   hiddenField.setAttribute('value', url);
   form.appendChild(hiddenField);
   document.body.appendChild(form);
   form.submit();
};
```
  • JavaScript

    28816 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Google

    1371 questions

    Googleは、アメリカ合衆国に位置する、インターネット関連のサービスや製品を提供している企業です。検索エンジンからアプリケーションの提供まで、多岐にわたるサービスを提供しています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る