使用AJAX提交HTML表单类型文件

Question

我有一个表格和一个div。我希望用户选择一个文本文件并点击提交，这将使用文件内容填充div。我想这样做而不必刷新页面。

<form action="action.php" method="post" enctype="multipart/form-data">
Click the "Choose File" button and browse for the file to import.<br /><br />
<input type="file" name="filelocation" value="Browse" /><br />
<input type="submit" name="submitform" value="Submit" />
</form>

<div id="filecontent">

</div>

Answer 1

没有简单的方法通过ajax提交/上传文件。但是，你可以为你找到jQuery Uploadify plugin的技巧。

  

Uploadify是一个jQuery插件   集成了完全可定制的   你的多文件上传工具   网站。它使用了混合物   Javascript，ActionScript等等   服务器端语言动态   在任何DOM上创建实例   页面上的元素。

Answer 2

Theres并不是一种简单的方法，但你可以使用带有ajax调用的iframe将你的文件送到服务器并以正常的ajax方式使用它

<form action="upload.php" method="post" enctype="multipart/form-data" target="upload_target" onsubmit="startUpload();" >
File: <input name="myfile" type="file" />
<input type="submit" name="submitBtn" value="Upload" />
</form>

查看 target = “yourhiddeniframe”

这里有一个完整的指南： http://www.ajaxf1.com/tutorial/ajax-file-upload-tutorial.html

问候