AJAX文件上传

AJAX文件上传

问题描述:

HII我使用AJAX的文件上传在此代码AJAX文件上传

<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> 

但是这个代码是给我错误this._element是不确定的 [此错误BREAK]如果(this._element.nodeType! = 1){

请告诉我什么是使用这一个问题

... http://valums.com/ajax-upload/

+0

我在这里假设你的:fileuploader.js不使用jQuery。 – 2010-09-23 12:03:50

没有id="file-uploader"元素在你的问题中,你的意思是这样做吗?

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

You can give it a try here

+0

雅我已经改变了这一点,但仍然错误是一样的。 – XMen 2010-09-23 11:48:54

+0

@Rahul - 它在这里工作只有这个变化:http://jsfiddle.net/nick_craver/mwDb8/你确定你没有文件缓存或任何东西? – 2010-09-23 11:53:36

+0

或者可能是元素:$(“div [id^='file-uploader _']”)[0], – 2010-09-23 11:55:00