2011-09-30 23 views
0

我正在使用jquery-ajax來檢查文件是否已經存在於我的服務器中。使用jquery-ajax獲取上傳的文件信息

我有這樣的代碼:

Upload an Event Photo <br> 
<input type='file' name='imageSrc' id='imageSrc' /><br> 
<a href='#' class='uploadPhoto'>Upload Image</a><br> 
<div class='uploadMessage'></div> 
<span>Maximum size: 1MB (jpg,png,gif)</span> 

這是我的jQuery代碼:

jQuery(document).ready(function() { 
    jQuery('.uploadPhoto').click(function(){ 
     // alert(1); 
     jQuery.ajax({ 
      type: "POST", 
      url: "index.php?option=com_eventsandrsvp", 
      data: "task=uploadEventPhoto&format=raw", 
      success: function(data) { 
       jQuery(".uploadMessage").html(data); 
      } 
     }) 
    }); 
}); 

我想這是那裏的<input type='file' name='imageSrc' id='imageSrc' />

的信息,我知道這是一個文件類型,所以有如下信息: 名稱,類型,大小和tmp_name。

我該怎麼做,使用Ajax? 我想使用GET方法,但它不起作用。也許是因爲它只適用於<input type='text' />

任何幫助將不勝感激。

謝謝!

回答

1

您不能上傳只使用jQuery.ajax(),上傳通過AJAX的文件的文件,你可以求助於:

  • 閃存
  • 的iFrame招

以上方法都有其自身的缺陷,雖然。

幸運的是,存在不錯的腳本uploadify您可以使用它輕鬆地通過ajax上傳文件。