Загрузка файла без полной перезагрузки страницы

Question

Я хотел бы создать страницу, которая использует локальный файл в JavaScript. Мне действительно не нужно загружать его на сервер, и я определенно не хочу, чтобы страница полностью перезагружалась.

Какие есть варианты ее решения?

Лучшее, что я мог придумать, это (не идеально, но должно работать):

• выполнить POST из iframe

• получить файл через AJAX с главной страницы

Answer 1

Не все браузеры поддерживают загрузку файлов через XMLHttpRequest.

Самый простой способ - использовать, например, этот плагин jQuery: http://jquery.malsup.com/form/#file-upload Он использует трюк iframe.

Примечание: вы НЕ сможет получить доступ к локальному файлу, не выбирая его вручную в форме загрузки файла по соображениям безопасности.