Делаем загрузку файлов через Ajax в Asp.Net MVC

.

В данной статье мы рассмотрим пример загрузки файлов на сервер через Ajax  запросы, средствами Asp.Net MVC. Для начала мы создадим метод в контроллере, который будет принимать Ajax запросы со стороны клиента, в которых будут передаваться фалы, и сохраняться в папку Files проекта. Определим код контроллера:

Не забываем создать папку Files в проекте, для сохранения файлов. В методе UploadAjax мы используем коллекцию Request.Files, для получения фалов из запроса. После того как алгоритм получает файл , извлекаем имя файла в переменную fileName и сохраняем в папку Files на сервере. И возвращаем пользователю результат в виде строки, который будет зависеть от того сколько файлов было загружено на сервер: один или более.




Теперь напишем код представления Index, который будет содержать код javascript c ajax:

Здесь мы не используем стандартную форму BeginForm, а делаем все через Ajax. Получаем все файлы после нажатия кнопки «Загрузить файл»:

Далее создаем объект FormData в который добавляем все загруженные файлы для отправки в Ajax запросе:

После добавления файла появиться сообщение об успешной загрузке файла:

Успешная загрузка файла Делаем загрузку файлов через Ajax в Asp.Net MVC

В следующем уроке мы отобразим на стороне клиента загруженной изображение.