Как загрузить файлы в приложение ASP.NET MVC

1. Основы загрузки файлов
2. Загрузка одного файла
3. Помните о безопасности!
4. Загрузка нескольких файлов

Загрузка файлов с клиентского компьютера на удаленный сервер является довольно распространенной задачей для многих веб-сайтов и приложений. Он широко используется в социальных сетях, форумах, онлайн-аукционах и т. Д.

В ASP.NET MVC существует множество компонентов для загрузки, которые служат для решения тех или иных задач загрузки, например, вам может понадобиться загрузить один или несколько файлов, работать с файлами небольшого или очень большого размера, передавать только целые папки или файлы Просто загрузите изображения или Preprsdfsdf SD SD заранее. Таким образом, вам нужно найти инструмент загрузки, который не только быстрый и надежный, но и соответствует вашим требованиям.

Здесь мы рассмотрим, какой подход загрузки лучше использовать, когда, но перед этим давайте посмотрим на загрузку файлов ASP.NET MVC в целом.

Основы загрузки файлов

В процессе загрузки файла только две части модели MVC взаимодействуют друг с другом - представление и контроллер. Давайте рассмотрим процесс загрузки файла шаг за шагом:

1. Пользователь заходит на веб-страницу с загрузчиком (представленным представлением) и выбирает файлы для загрузки.
2. Когда загрузка начата, загрузчик упаковывает файлы в запрос POST и отправляет этот запрос на сервер.
3. ASP.NET кэширует все данные в памяти сервера или на диск в зависимости от размера загружаемого файла.
4. ASP.NET MVC определяет контроллер и соответствующий метод действия, который будет обрабатывать запрос.
5. Метод action обрабатывает запрос (например, сохраняет файлы на жестком диске или обновляет базу данных и т. Д.) Через свойство Controller.Request, которое получает объект HttpPostedFilesBase для текущего запроса.
6. ASP.NET MVC отправляет ответ клиенту через Controller.Response.

Вы можете настроить параметры загрузки файлов, указав соответствующие атрибуты в файле web.config (или machine.config, если вы хотите внести изменения на уровне сервера). Давайте посмотрим, какие атрибуты используются для ограничения загрузки файла:

• maxRequestLength - ограничение размера запроса в килобайтах (значение по умолчанию 4096 КБ).
• requestLengthDiskThreshold - лимит данных в буфере в памяти сервера в килобайтах (значение по умолчанию - 80 КБ).
• executeTimeout - допустимое время выполнения запроса до его автоматического отключения ASP.NET (значение по умолчанию - 110 секунд).

Все эти атрибуты должны быть указаны в разделе <httpRuntime>.

Примечание. Избегайте указания там «неограниченных» (очень больших) значений. Указывая реалистичные ограничения, вы можете повысить производительность вашего сервера или снизить риск DoS-атак.

Мы в основном описали, как ASP.NET MVC организует загрузку файлов. Однако если мы углубимся в это, мы поймем, что загрузка файла также зависит от реализации View: это могут быть простые элементы <input type = ”file”>, HTML5, Flash, Java или существующий сторонний загрузчик. Приложения. Давайте начнем с первого - загрузки одного файла с использованием элемента управления HTML.

Загрузка одного файла

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

Во-первых, мы рассмотрим мнение. Наше представление состоит из HTML-формы, содержащей кнопку, которая открывает диалог выбора файла, и Submit , который отправляет выбранный файл на сервер в запросе POST. Код представления с синтаксисом бритвы может выглядеть следующим образом:

<h2> Основная загрузка файла </ h2> @using (Html.BeginForm ("Индекс", "Домой", FormMethod.Post, new {enctype = "multipart / form-data"})) {<label for = "file "> Загрузить изображение: </ label> <input type =" file "name =" file "id =" file "/> <br> <br> <input type =" submit "value =" Загрузить изображение "/> < br> <br> @ ViewBag.Message}

Давайте выделим важные части:

• Метод Html.BeginForm создает форму HTML, которая включает в себя элемент управления файлом HTML, кнопку отправки и сообщение, в котором указывается, успешно ли сохранен файл.
• Метод form - это POST, а тип кодировки - multipart / form-data. Эти параметры необходимы для загрузки двоичных данных на сервер.
• Элемент ввода, имеющий тип = «файл», отображает кнопку « Выбрать файл» и поле, содержащее имя выбранного файла.
• Имя входного элемента идентифицирует загруженный файл в объекте HttpPostedFilesBase.

После того как пользователь отправляет форму, представление отправляет опубликованные данные в метод Action контроллера, который обрабатывает загрузку файла. Обратите внимание на атрибут HttpPost перед методом действия - он говорит, что действие должно запускаться не только для обычных запросов GET, но и для запросов POST. В противном случае он не получит загруженный файл.

Используя этот подход, вам не нужно читать файл из запроса, потому что вы можете получить доступ к файлу POST непосредственно через объект HttpPostedFilesBase из-за привязки модели. Модель действия выглядит так:

[HttpPost] общедоступный указатель ActionResult (файл HttpPostedFileBase) {if (file! = Null && file.ContentLength> 0) try {string path = Path.Combine (Server.MapPath ("~ / Images"), Path.GetFileName (file. Имя файла)); file.SaveAs (путь); ViewBag.Message = "Файл успешно загружен"; } catch (Exception ex) {ViewBag.Message = "ERROR:" + ex.Message.ToString (); } else {ViewBag.Message = "Вы не указали файл."; } return View (); }

Метод действия получает загруженный файл, пытается сохранить его в папке « Изображения » и показывает сообщение, указывающее, успешно ли сохранен файл. Обратите внимание, что имя элемента управления вводом в представлении совпадает с именем объекта HttpPostedFilesBase (в нашем случае это файл).

После запуска этого приложения вы увидите следующую форму:

Когда пользователь выбирает файл и нажимает кнопку « Загрузить изображение» , будет показана следующая форма с сообщением (если загруженный файл успешно сохранен):

Помните о безопасности!

Примечание. Это простое приложение позволяет передавать файлы пользователя на сервер, но не заботится о безопасности. Сервер может быть взломан вирусом или другими вредоносными данными, загруженными кем-либо. Таким образом, вы должны добавить некоторые ограничения на загрузку файлов в контроллер. Есть несколько проблем безопасности, которые позволяют вам решить, принимать ли загруженный файл или нет. Например, вы можете проверить контрольную сумму загруженного файла или контрольного типа файла, проверив расширение (но это может быть легко подделано).

Этот подход довольно хорош, если вы загружаете несколько небольших файлов один за другим, но он редко используется из-за следующих недостатков:

• Загрузка большого количества файлов становится кошмаром - пользователь должен нажать кнопку « Выбрать файл» для каждого файла.
• Загрузка больших файлов не удобна - страница зависает и не отображает процесс загрузки во время обработки файла.
• После отправки формы все поля очищаются, поэтому, если форма не соответствует проверке, пользователь должен снова заполнить все поля.
• Каждый браузер отображает форму по-своему:

Давайте посмотрим, как мы можем выйти за пределы недостатков этого элемента управления HTML.

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

Приложение, которое мы обсуждали выше, может быть легко преобразовано для поддержки загрузки нескольких файлов: просто укажите столько входов файлов в представлении, сколько файлов вы хотите загрузить одновременно. Обратите внимание, что все входы должны иметь одинаковое имя. Это позволяет ASP.NET MVC принимать массив загруженных файлов и перебирать их в методе действия. Однако в случае, когда пользователю необходимо выбирать каждый файл отдельно, это неудобно, особенно при загрузке большого количества файлов.

К счастью, существует множество сторонних утилит, поддерживающих сценарий мультизагрузки и избегающих недостатков рассматриваемого элемента управления HTML.

Любой современный браузер поддерживает HTML5 и / или Flash, популярные платформы, которые позволяют создавать расширенные загрузчики файлов. Таким образом, существует большое количество загрузчиков с открытым исходным кодом на основе HTML5 / Flash, доступных для большого сообщества разработчиков, например:

• Uploadify - это плагин jQuery, который позволяет вам создать интерфейс загрузки, похожий на вложения Gmail.
• Fine Uploader - это плагин JavaScript с множественным выбором файлов, индикатором выполнения, автоматической и ручной загрузкой, предварительным просмотром изображений и т. Д.
• Plupload - это инструмент загрузки, основанный на нескольких расширениях браузера, который включает некоторые функции обработки изображений.

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

• Предварительная обработка изображений перед загрузкой (изменение размера, создание миниатюр нескольких размеров, добавление водяных знаков, извлечение EXIF, предоставление пользователям возможности обрезать изображения и т. Д.).
• Загружайте целые папки и сохраняйте структуру папок на сервере.
• Загрузите сотни файлов.
• Загружайте файлы размером в сотни МБ или даже несколько ГБ.
• Автоматически восстанавливать прерванные загрузки.
• Ускорить процесс загрузки.

Все эти сценарии идеально подходят для пакета загрузки Aurigma. Вы можете сделать это с помощью нескольких строк кода.

Похожие

Комментарии