2014-11-23 50 views
0

Iam使用下面的代碼上傳文件使用jquery fileapi.Images上傳罰款,但文件(doc,xls)文件沒有上傳。在控制檯它顯示'空文件'(在js代碼wriiten)。請幫忙。使用文件API上傳文件文件

在圖片上傳,test.php文件被調用,但其他人不會調用這個file.am我錯過了什麼?

部首部

<script> 
     FileAPI = { 
      debug: false, 
      pingUrl: false, 
      staticPath: 'dist/' 
     }; 
    </script> 

    <script type="text/javascript" src="dist/FileAPI.min.js"></script>  
    <script type="text/javascript" src="jquery.js"></script> 

DIST文件夾包含

FileAPI.flash.image.swf, 
FileAPI.flash.swf, 
FileAPI.min.js, 

Javascript函數

function handleAllFileTypesSelect(evt) 
{ 

    { 

     var files = FileAPI.getFiles(evt); 

     FileAPI.filterFiles(files,function(file, info) { 
      image_mime = file.type; 

      console.log(info); 

      if (/doc|docx|pdf|txt|jpg|jpeg|gif|png|xls|xlsx|ppt|pptx|ods|zip|csv|/.test(file.type) && info) { 

       return info.width >= 1 && info.height >= 1; 
      } else { 

       return file.size > 0; 
      } 
     }, 

     function(fileList, ignor) { 

      if (ignor.length) { 
       console.log('ignor length:' + ignor.length); 
      } 
      if (!fileList.length) { 
       console.log('empty file list'); 
       return; 
      } 

      // do preview 
      var fileList = FileAPI.filter(fileList, function(file) { 
       return /doc|docx|pdf|txt|jpg|jpeg|gif|png|xls|xlsx|ppt|pptx|ods|zip|csv|/.test(file.type); 
      }); 


      j = 0; 

      FileAPI.each(fileList,function(imageFile) { 
       FileAPI.upload({ 
        url : 'test.php', 
        data : { 
         type : 'pdf', 
         file_prefix : 'image_', 
         file_length : fileList.length, 

        }, 
        files : { 
         files : FileAPI.filter(fileList,function(file) { 
          return !/doc|docx|pdf|txt|jpg|jpeg|gif|png|xls|xlsx|ppt|pptx|ods|zip|csv|/.test(file.type); 
         }), 
         child_attachments : imageFile 
        }, 
        complete : function(err, xhr) { 
         if (!err) { 
          if ((xhr.responseText).search(/ERROR: File/gi) == -1) { 

           var response_text_value = xhr.responseText; 
           response_text_value = response_text_value.replace(/\s/g,''); 
           alert(response_text_value); 
           //$('#ifileList').val(val + ','+ response_text_value); 
           //$('input[type="submit"]').removeAttr('disabled'); 
          } 
         } 
        } 
                                   }); 
        FileAPI.Image(imageFile).preview(100, 75).get(function(err,image) { 
         if (err) { 
         } else { 

         } 
        }); 
       }); 
      } 
     ); 
    } // else 
} 

</script> 

HTML

`<form id="observation_form" class="appnitro" method="post" action="test.php" enctype`="multipart/form-data"> 

     <span class="file-wrapper js-fileapi-wrapper" id="span-image" style="position: relative;"> 
          <input id="logo" name="child_attachments[]" data-preview_id="preview_list" type='file' accept="" multiple /> 
          <span class="button">Attachments</span> 
         </span> 
     </form> 

    <script type='text/javascript'> 
    document.getElementById('logo').addEventListener('change', handleAllFileTypesSelect, false); 
    </script> 

回答