![](/img/trans.png)
[英]How to send enctype as multipart/form-data in jquery POST
[英]how to submit Form with AJAX Using enctype=“multipart/form-data”?
如何使用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上传文件的支持,其浏览器支持现在已经很好并且在不断发展。 这是一个浏览器支持概述 。
使用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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.