ajax file upload

Question

hii i am using ajax file upload in this code

 <script type="text/javascript" src="fileuploader.js"></script>
   <script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<div id="photo_upload">
      <div id="file-uploader_photo">       
       <noscript>          
       <p>Please enable JavaScript to use file uploader.</p>
       <!-- or put a simple form for upload here -->
       </noscript>         
      </div>
     </div>

<script language='javascript'>
new qq.FileUploader({
   element: $('#file-uploader_photo')[0],
   action: 'upload.php',
   onSubmit: function(id, fileName){
    ContentWindow.params['title'] = fileName;
    CDNAPI.validate(ContentWindow.params);
    ContentWindow.uploader.setParams(ContentWindow.params);
   },
   onComplete: function(id, fileName, content_data){
    // create content object in Gib
    App.addNewContent(content_data);
   },
   template:'<div class="qq-uploader">' + 
    '<div class="qq-upload-drop-area"><span>Drop files here to upload</span></div>' +
    '<div class="qq-upload-button ui-widget-content ui-button ui-corner-all ui-state-default">Upload files</div>' +
    '<ul class="qq-upload-list"></ul>' + 
        '</div>'
  });
</script>

but this code is giving me error this._element is undefined [Break on this error] if (this._element.nodeType != 1){

please tell me what is the problem

using this one ...http://valums.com/ajax-upload/

Answer 1

There is no id="file-uploader" element in your question, did you mean to do this instead?

element: $('#file-uploader_photo')[0],
//or without jQuery at all:
element: document.getElementById('file-uploader_photo'),

You can give it a try here.