用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

即使世界沒有簡單的方法來做到這一點，但你可以使用iframe與Ajax調用，讓您的文件到服務器，並使用它的正常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> 

看看目標= 「yourhiddeniframe」

這裏是一個完整的HOWTO： http://www.ajaxf1.com/tutorial/ajax-file-upload-tutorial.html

問候

Answer 2

沒有簡單的方法通過ajax提交/上傳文件。然而，你可以去jQuery Uploadify plugin爲你的伎倆。

Uploadify是一個jQuery插件， 集成了您的 網站完全可定製 多文件上傳工具。它使用Javascript，ActionScript和任何 服務器端語言的動態混合 通過頁面上的任何DOM元素創建實例 。