Jquery ajax文件上传不起作用[重复]

Question

可能重复：
Is it possible to use Ajax to do file upload?

我正在尝试使用 jquery ajax 上传图像。我使用了 Jquery Load 功能。我从 firebug 检查了所有输入字段都已提交，除了 type=file 的图像字段。

 CakePhp Code
    echo $this->Form->input('Testimonial.photo', array('type'=>'file', 'label'=>'Upload Avator'));

 Jquery Function
    $('a[rel=save]').live('click',function(clickEvent) {
            clickEvent.preventDefault();
            var url = $(this).attr('href');
            $("#block").load(url, $("#form :input").serializeArray(),function(){
                }
            );
        });

我该如何克服这个问题？

Answer 1

input type="file" 元素无法使用常规 jQuery Ajax 传输。您应该结合“XMLHttpRequest level 2”来看看新的 File API，（不幸的是）所有现代浏览器都还不支持。

解决方法：iframe 或 Flash 解决方案（例如搜索“uploadify”）。

Answer 2

你可以看看jQuery form插件。