Как отправить файл без размещения его на сервере?

Question

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

Это страница «Измените фотографию своего профиля».Мне нужно вернуть изображение обратно, чтобы я мог вызвать на него библиотеку jCrop jquery, чтобы они могли обрезать изображение по своему вкусу.

Вот что у меня получилось:

@{
    ViewBag.Title = "Profile Picture";
}

<h1>Please choose your new profile picture.</h1>

<input type="file" name="file" />
<input type="submit" value="OK" />

ЕслиЯ положил в @using BeginForm форму отправляется обратно, и страница загружается где-то новое.Я не хочу такого поведения.Как мне сделать это с AJAX без перезагрузки?

Answer 1

Вы не можете отправить файл через ajax, если ваш браузер не поддерживает файловый API.https://developer.mozilla.org/en/using_files_from_web_applications

Вы можете создать iframe и использовать его для отправки изображения.

Как я могу загружать файлы асинхронно?