我有类似的要求,不想使用实体框架,所以我是这样处理的:
自定义控制器:
public async Task<ActionResult> UploadImage()
{
FileUploadHandler handler = new FileUploadHandler(Request, this);
handler.StoreFileRequestFinished += handler_StoreFileRequestFinished;
ActionResult result = await handler.HandleRequestAsync();
return result;
}
事件处理方法:
void handler_StoreFileRequestFinished(object sender, StoreFileRequestEventArgs e)
{
//I know I am only expecting 1 file...
var file = e.Param.FileStatus.Single();
//Call my service layer method to insert the image data
//You could base64 encode the stram here and insert it straight in the db
service.InsertProductImage(
int.Parse(e.Param.CustomFormValues["ProductID"]),
file.FileName,
file.FileUrl,
Server.MapPath(new Uri(file.FileUrl).PathAndQuery),
int.Parse(e.Param.CustomFormValues["FileTypeID"]),
int.Parse(e.Param.CustomFormValues["ColourID"]),
Current.User().UserID
);
}
Javascript 上传视图
$('#Form_FocusGraphic').fileupload({
url: "/Product/UploadImage",
acceptFileTypes: /(jpg)|(jpeg)|(png)|(gif)$/i,
fileInput: $('input#FocusGraphicInput'),
maxFileSize: 5000000, //5mb
formData: [{ name: 'ProductID', value: '@Model.ProductID' }, { name: 'FileTypeID', value: '3' }, { name: 'ColourID', value: '0' }, { name: 'uploadContext', value: "3;0" }],
start: function (e, data) {
$('img#FocusImage').attr('src', '/Content/img/largeSpinner.gif');
},
done: function (e, data) {
var obj = jQuery.parseJSON(data.jqXHR.responseText);
$('img#FocusGraphic').attr('src', obj.files[0].url);
}
});
所以要做的是向控制器发送一个请求(传递一些特定的自定义参数),然后我将一个自定义事件附加到 FileUploadHandler 以在“StoreFileRequestFinished”上调用我的自定义处理程序,实际上非常简单。