Загрузка файла на сервер с помощью JavaScript и библиотеки JQuery

Наверное многие сталкивались с вопросом "Как загрузить файл на сервер с помощью JS и JQuery?".
И вероятно не у всех получилось это сделать. На самом деле все не так сложно как кажется.
В данном уроке я опишу процесс загрузки файла на сервер(хостинг) .
Для обмена данными между браузером и веб-сервером, используется технология ajax.
Версия JQuery используемая в рецепте: 2.2.2.

Загрузка файла на сервер с помощью JavaScript и библиотеки JQuery

Полезные js/css скрипты на сайт

Полезные js/css скрипты на сайт


Фиксированное меню (шапка) при прокрутке
Как сделать вкладки jQuery для сайта - Tabs Short
Before/After - красивый скрипт до/после
Счетчик цифр на сайте (дополнение)
Счетчик цифр на сайте
Preloader - полоса загрузки сайта (NProgress.js)
WOW.js и Animate.CSS - вместе веселее!
Animate.CSS + анимация при прокрутке