Отправить HTML-файл типа формы с AJAX

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 .

Uploadify - это плагин jQuery, который интегрирует полностью настраиваемый утилита загрузки нескольких файлов на ваш Веб-сайт. Он использует смесь Javascript, ActionScript и любой серверный язык для динамического создать экземпляр поверх любого DOM элемент на странице.

Answer 2

Theres не простой способ сделать это, но вы можете использовать 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>

посмотрите на target ="yourhiddeniframe"

вот полное руководство: http://www.ajaxf1.com/tutorial/ajax-file-upload-tutorial.html

привет