Загрузка файла на сервер с использованием ajax

Во всех интернет ресурсах где рассматривается загрузка файлов - загрузка выполняется php скриптом который на который отправляются данные формы после операции "submit".
Я ищу способ передать файл на загрузку в скрипт php используя ajax. Основная цель - не покидать web форму в котрой пользователь выбирает файл.

Ниже привожу упрощенный пример для лучшего понимания вопроса

Простейшая форма для загрузки файл

Код (PHP):

1. <form id="reg_form" name="reg_form" method="post" enctype="multipart/form-data" action="simple.php">
2. <input type="hidden" name="MAX_FILE_SIZE" value="10500000"/>
3. <input type="file" name="pic" accept="image/jpg" size="30"/>
4. <input type="submit" name="to_load" value="загрузить изображение"/>
5. </form> 

простейший скрипт по загрузке файла
simple.php

Код (PHP):

1. <?php
2. move_uploaded_file($_FILES["pic"]["tmp_name"], "tmp/loaded_img.JPG");
3. ?>

Можно ли как то выполнить simple.php через ajax, а не после операции submit?

Подсказка от модератора:
Любой код или текст конфигурации пишите между тегом [code=php] и [/code].
Используйте отступы в коде для форматирования текста.
Это помогает быстрее понять вас, увеличивает шанс на получение ответа.
Что выделять? Например: PHP, HTML, CSS, JavaScript, SQL, XML, .htaccess, ini, регулярные выражения, код шаблонизаторов, любая другая разметка, результаты array/object dump и т. д.

 

Если я правильно понял, для кнопки type="submit" надо определить обработчик onsubmit в котором будет выполнен ajax запрос и при этом перенаправления на скрипт simple.php, который будет обрабатывать загружнный файл, не произойдет.

Как в ajax запросе передать файл который пользователь выбрал? У меня именно с этим все трудности.