代码之家  ›  专栏  ›  技术社区  ›  XMen

ajax文件上载

  •  0
  • XMen  · 技术社区  · 15 年前

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

    但是这个代码给了我一个错误,这个元素没有定义 [此错误时中断]如果(此_元素.节点类型!= 1){

    用这个。。。 http://valums.com/ajax-upload/

    1 回复  |  直到 15 年前
        1
  •  1
  •   Nick Craver    15 年前

    根本没有 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 .