如何使用AJAX提交表单使用enctype =“multipart / form

如何使用AJAX提交表单使用enctype =“multipart / form-data”？

---

简短的回答：你没有。 你不能通过AJAX上传文件。

通常的解决方法是将表单的目标设置为隐藏的iframe并使用普通的非AJAXy POST提交表单，以达到期望的效果：

<form target="hiddenIframe" method="post" enctype="multipart/form-data">
    ...
</form>
<iframe name="hiddenIframe" id="hiddenIframe" style="display: none;" />

有一个使用这种技术的jQuery插件。

编辑添加：

XMLHttpRequest level 2增加了对通过AJAX上传文件的支持，并且其浏览器支持现在也不错并且在不断增长。 这是浏览器支持概述。

---

这是一种即使使用IE8及以上版本也可以使用的方式：

使用malsup的jquery表单插件，它将处理XHR以及IE需要用于ajax上传的隐藏iframe。

这里的代码片段：

<form id="formid" action="" enctype="multipart/form-data" method="POST" accept-charset="utf-8">
.
.
.
</form>

<script type="text/javascript">
        $(document).ready(function()
        {
            var options = { 
                cache:'false',   //IE FIX
                data: $('#formid').serialize(),
                dataType: 'json',
                processData: false,
                contentType: false,
                success: function(data) 
                {
                    //success action
                },
                error: function(XMLHttpRequest, textStatus, errorThrown)
                {
                    //error action
                }
            }; 
            $('#formid').ajaxForm(options); 
        });
</script>

链接地址: http://www.djcxy.com/p/22197.html

上一篇: how to submit Form with AJAX Using enctype="multipart/form

下一篇: What is the '