Загрузка и отправка файлов с использованием AJAX HTTP POST

Question

У меня есть одна форма HTML, в которую я ввожу текстовые поля и, наконец, загружаю файл изображения на сервер. (HTML-файл: < input type = "file" name = "filename"/>) Я использую технику Ajax и HTTP POST-запрос для выполнения этой задачи.

Но я не могу загрузить файл, но могу видеть текстовые значения в базе данных. Я пытаюсь загрузить файл изображения в папку с помощью getimagesize ($ _ FILES ['filename'] ['tmp_name'] и move_uploaded_file(), чтобы перейти от временной папки в определенной папке

FirePHP показывает предупреждающее сообщение, как:. getimagesize() [function.getimagesize]: Имя файла не может быть пустым в моем файле .php на линии 19

строка 19 содержит инструкцию getimagesize().

Может кто-нибудь, пожалуйста, позвольте мне знаете, можно ли загрузить файл с использованием техники ajax или любой другой лучший способ сделать это?

Любая помощь очень ценится.

Answer 1

Я дам вам три основных способа работы на загрузку файлов AJAX на основе ..

1) Подделка загрузки файлов AJAX на базе - Вы бы создать IFRAME на странице (которые можно скрыть с помощью CSS), вы можете настроить таргетинг своей формы на POST на этот iframe.

<form target='upload_target' id="file_upload_form" method="post" enctype="multipart/form-data" action="upload.php"> 
    <input name="file" id="file" size="27" type="file" /><br /> 
    <input type="submit" name="action" value="Upload" /><br /> 
    <iframe id="upload_target" name="upload_target" src="" style="width:0;height:0;border:0px solid #fff;display: none;"></iframe> 
</form> 

2.) FILE API: если ваш браузер поддерживает его, вы можете использовать сложный ФАЙЛ API, чтобы делать то, что я буду называть Чистую загрузку AJAX файла - https://developer.mozilla.org/en/using_files_from_web_applications

3) Вы можете использовать существующие Плагины JQuery, такие как Ajax File Upload и Multiple File Upload. Пожалуйста, посмотрите больше с сайта JQuery, оцените совместимость и использование кросс-браузера.