AJAXアップロードでAJAX File Uploaderをカスタマイズする

Question

http://valums.com/ajax-upload/を使用してAJAX経由でファイルをアップロードしようとしています。理由は、私のニーズを満たすためです。しかし、私は動作をカスタマイズする必要があり、私はそれを把握することはできません。ドキュメントによると、私はFileUploaderBasicを使用できるはずですが、FileUploaderBasicで表示するアップロードボタンを取得することさえできません。現在、私は次のことをしようとしている：アップロードされたファイルごとに

<div id="file-uploader">     
    <noscript>      
     <p>Please enable JavaScript to use file uploader.</p>   
    </noscript>    
</div> 
<div id="progressbar" style="width:300px;"></div> 

<script type="text/javascript"> 
    $().ready(function() { 
     var u = new uploader.FileUploaderBasic({ 
      element: document.getElementById('file-uploader'), 
      action: '/files/upload', 
      debug: true, 
      onProgress: function (id, fileName, loaded, total) { 
       $("#progressbar").progressbar("value", 50); 
      }, 
      onComplete: function(id, fileName, responseJSON){ 
       $("#progressbar").progressbar("value", 100);    
      }, 
     }); 

     $("#progressbar").progressbar({ 
      value: 0 
     }); 
    }); 
</script> 

、私は、プログレスバーを表示したいと思います。進捗バーの右側に、完了したアップロードの割合を表示したいと思います。プログレスバーの下に、ファイル名とファイルの合計サイズを表示したいと思います。

<table border='0' cellpadding='0' cellspacing='0'> 
    <tr><td rowspan='2'>[img]</td> 
    <td>[Progress Bar]</td> 
    <td>[%]</td> 
    </tr> 

    <tr><td colspan='2'>[filename] - [filesize]</td></tr> 
</table> 

私はちょうどFileUploaderBasicでこれを実現するかどうかはわかりません。私は、このためのHTMLは次のようなものであることを知っています。私は間違って何をしていますか？私は絶望のポイントに達しました。助けてください！

Answer 1

は

button: document.getElementById('file-uploader')

へ

element: document.getElementById('file-uploader')

を変更してみてください