拡張機能を作成していて、画像をタブの部分にドラッグアンドドロップして画像検索出来るようにしたいのですが

Googleの拡張機能で画像をタブの部分にドラッグアンドドロップするだけで検索できるようにしたいのです。

ですが、画像が表示されるだけになってしまっていて、どこが足りていなかったり、間違っているのか調べても分かりません。

下記に実行したソースを載せます。

どの様にすれば、画像検索を行えるか教えて頂けませんか。

###該当のソースコード

JavaScript
1document.addEventListener( 'dragstart', function( ev ) {
2    ev.preventDefault();
3    var target = ev.target;	
4    if(/^img$/i.test(target.tagName)){
5       ev.dataTransfer.setData("text/uri-list",target.src);	
6    }
7    //ev.preventDefault();
8}, false );
9
10document.addEventListener( 'drop', function( ev ) {
11    ev.preventDefault();
12    var data = ev.dataTransfer.getData("text/uri-list");
13   
14    var img=document.createElement("img");
15    img.src=data;
16    
17}, false );
18
19document.addEventListener('change', function(ev) {
20    
21    var img = new Image();
22 
23    var file = ev.target.files;
24    var reader = new FileReader();
25 
26    reader.readAsDataURL(file[0]);
27 
28    reader.onload = function(){
29        img.onload = function(){
30        }
31
32        img.src = reader.result;
33    }
34    imageSearch(img.src);
35}, false);
36function imageSearch(url) {
37    var form = document.createElement('form');
38    form.setAttribute('method', 'post');
39    form.setAttribute('enctype', 'multipart/form-data');
40    form.setAttribute('action', 'http://images.google.com/searchbyimage/upload');
41    var hiddenField = document.createElement('input');
42    hiddenField.setAttribute('type', 'hidden');
43    hiddenField.setAttribute('name', 'image_content');
44    hiddenField.setAttribute('value', url);
45    form.appendChild(hiddenField);
46    document.body.appendChild(form);
47    form.submit();
48};