Ответ имеет несколько частей.
Во-первых, чтобы загрузить файл, вы можете использовать представление с кодом вроде этого:
@using (Html.BeginForm())
{
<input type="file" value="Choose a file"/>
<br/>
<input type="button" value="Upload" id="upload"/>
}
@section scripts
{
<script type="text/javascript">
$(document).ready(function() {
$('#upload').click(function() {
var data = new FormData();
var file = $('form input[type=file]')[0].files[0];
data.append('file',file);
$.ajax({
url: '/Api/File/Upload',
processData: false,
contentType: false,
data: data,
type: 'POST'
}).done(function(result) {
alert(result);
}).fail(function(a, b, c) {
console.log(a, b, c);
});
});
});
</script>
}
Во-вторых, чтобы получить эти данные, создать контроллер, с помощью метода, как это:
public class FileController : ApiController
{
[HttpPost]
public async Task<string> Upload()
{
var provider = new MultipartMemoryStreamProvider();
await Request.Content.ReadAsMultipartAsync(provider);
// extract file name and file contents
var fileNameParam = provider.Contents[0].Headers.ContentDisposition.Parameters
.FirstOrDefault(p => p.Name.ToLower() == "filename");
string fileName = (fileNameParam == null) ? "" : fileNameParam.Value.Trim('"');
byte[] file = await provider.Contents[0].ReadAsByteArrayAsync();
// Here you can use EF with an entity with a byte[] property, or
// an stored procedure with a varbinary parameter to insert the
// data into the DB
var result
= string.Format("Received '{0}' with length: {1}", fileName, file.Length);
return result;
}
}
В-третьих, по умолчанию максимальный размер загрузки ограничен. Вы можете преодолеть эти ограничения, изменяющие web.config:
Добавить maxRequestLength="max size in bytes" в <configuration><system.web><httpRuntime>. (Или создать этот lement, если он не существует):
maxAllowedContentLength Добавить в <configuration><system.web><security><requestFiltering><requestLimits> элемент (или создать этот элемент, если он не существует)
Эти записи выглядят следующим образом:
<configuration>
<system.web>
<httpRuntime targetFramework="4.5" maxRequestLength="2000000000" />
<configuration>
<system.web>
<security>
<requestFiltering>
<requestLimits maxAllowedContentLength="2000000000"/>
Опасайтесь изменить корень web.config, а не тот, который находится в папке Views.
В-четвертых, в целях сохранения данных в базе данных, если вы используете EF, вам нужно просто сущность, как это:
public class File
{
public int FileId { get; set; }
public string FileName { get; set; }
public byte[] FileContent { get; set; }
}
Создать новый объект этого класса, добавить к контексту и сохранить изменения ,
Если вы используете хранимые процедуры, создайте файл с параметром varbinary и передайте значение byte[] file.
Это очень трудно прочитать это сообщение ... Не могли бы вы переписать его? Попробуйте использовать короткие отсрочки. – IAfanasov
http://www.codeproject.com/Articles/806075/File-Upload-using-jQuery-AJAX-in-ASP-NET-Web-API – Greg