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

中的信息

我知道这是一种文件类型，因此有以下信息：名称，类型，大小和tmp_name。

我如何使用ajax做到这一点？我试图使用GET方法，但它不起作用。也许是因为它只适用于<input type='text' />

非常感谢任何帮助。

谢谢！

Answer 1

您无法仅使用jQuery.ajax()上传文件，通过ajax上传文件，您可以诉诸：

闪存
iframe技巧

上述方法有其自身的缺点。

幸运的是，您可以使用很好的脚本 uploadify 来轻松地通过ajax上传文件。

使用jquery-ajax获取上载的文件信息

1 个答案: