Asp.net mvc 3 在mvc3 asp.net中提交表单前上载图像
我正在使用asp.net MVC3 我想在提交表格之前上传图片 下面是我的代码Asp.net mvc 3 在mvc3 asp.net中提交表单前上载图像,asp.net-mvc-3,jquery,post,file-upload,Asp.net Mvc 3,Jquery,Post,File Upload,我正在使用asp.net MVC3 我想在提交表格之前上传图片 下面是我的代码 <div> @using (Html.BeginForm("SaveData", "Home", FormMethod.Post, new { @enctype = "multipart/form-data" })) { <div> Image: <input type="file" name="uploadFile" oncha
<div>
@using (Html.BeginForm("SaveData", "Home", FormMethod.Post, new { @enctype = "multipart/form-data" }))
{
<div> Image:
<input type="file" name="uploadFile" onchange="upload(this);" /></div>
<div> Name:
@Html.TextBoxFor(model => model.Name)</div>
<div> Address:
@Html.TextBoxFor(model => model.Address)</div>
<div> Phone:
@Html.TextBoxFor(model => model.Phone)</div>
<input type="submit" name="save" id="savedata" title="save"
value="save" />
}
</div>
<script type="text/javascript">
function UploadFile(image) {
//call controller action UploadFile
$.ajax({
type: "Post",
url: "Home/UploadFile",
data: image, //This is wrong
contentType: "application/json; charset=utf-8",
dataType: "json"
});
}
</script>
任何人都可以建议在发布表单以保存数据之前如何上传图像。$。ajax()
无法做到这一点。不过,有一些jQuery插件可以为您实现这一点。还讨论了执行此操作的大量选项。请注意,通过AJAX上传文件是一项相对较新的功能,.$。AJAX()
无法做到这一点。不过,有一些jQuery插件可以为您实现这一点。还讨论了执行此操作的大量选项。请注意,通过AJAX上传文件是一个相对较新的特性,而且非常简单
public ActionResult UploadFile(HttpPostedFileBase uploadFile)
{
//save image
}