使用jquery-ajax獲取上傳的文件信息

Question

我正在使用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' />

我知道這是一種文件類型，因此有一些信息，例如：name，type，size和tmp_name。

我將如何使用Ajax做到這一點？ 我正在嘗試使用GET方法，但是它不起作用。 可能是因為它僅適用於<input type='text' />

任何幫助將不勝感激。

謝謝！

Answer 1

您不能僅使用jQuery.ajax()來上傳文件，而要通過ajax來上傳文件，則可以采取以下措施：

• 閃
• iframe技巧

盡管上述方法有其自身的缺點。

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