可能重复：
Ajax file upload
是否可以使用 JQuery 编写一个 ajax 请求来“提交”带有文件字段的表单？我想这样做是因为这样我可以让用户在不离开当前页面的情况下上传文件。
我应该如何编写 $.ajax() 调用？特别是我应该如何设置 ajax 调用文件字段？
编辑：我只想使用核心 JQuery 函数，不使用插件。
谢谢。
【问题讨论】：
标签： php javascript jquery html forms
为了保持与最广泛的浏览器的兼容性，这需要通过隐藏的 iframe 来完成。
这里有一些示例代码来说明我的意思：
<iframe name="my_iframe" id="my_iframe" style="display: none;"></iframe>
<form action="/next_step.php" method="post" target="my_iframe" entype="multipart/form-data">
<input type="file" name="file_upload" />
<input type="button" id="upload_btn" value="Upload file" />
<label for="name">Name</label>
<input type="text" name="name" id="name" />
<input type="submit" value="Next step" />
</form>
<script type="text/javascript">
var btn = document.getElementById('upload_btn');
btn.onclick = function(){
var form_elem = document.forms[0];
// direct file uploads through the hidden iframe
form_elem.action = '/test_file.php';
form_elem.target = 'my_iframe';
// submit the form
form_elem.submit();
};
</script>
有一些项目可以让这更容易，例如Plupload
【讨论】：
这很难。你最好使用已经存在的服务。
我最近在一个网站上这样做了，因为我需要在不重新加载页面的情况下提交整个表单，而 uploadify 是我发现的最好的 AJAX 文件上传器。
【讨论】：