欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

MVC图片上传详解

程序员文章站 2022-07-02 16:57:09
MVC图片上传--控制器方法 新建一个控制器命名为File,定义一个Img方法 [HttpPost]public ActionResult Img(HttpPostedFileBase shangchuan){string path = @"\upload\" + DateTime.Now.ToFi ......

mvc图片上传--控制器方法

新建一个控制器命名为file,定义一个img方法

[httppost]
public actionresult img(httppostedfilebase shangchuan)
{
string path = @"\upload\" + datetime.now.tofiletime() + ".jpg";
session["path"] = path;
string save = server.mappath(path);
shangchuan.saveas(save);
return content(path);
}

MVC图片上传详解

 

 mvc视图利用ajax.beginform表单提交,

@表单提交到控制器add添加方法@

@using (ajax.beginform("add", "show", null, new ajaxoptions { onsuccess = "success" }, new { id = "f1", enctype = "multipart/form-data" }))
{
<label for="name">商品图像</label>
<div>
<input type="file" name="shangchuan" />
<input type="button" value="点击上传" onclick="upload()" />
</div>
<div id="img" style="width:100px;height:100px"></div>
<script>
function upload() {
$(f1).ajaxsubmit(
{
url: "/file/img",
type: 'post',
success: function (a, b, c) {
$("#img").empty();
$("#img").append("<img src='" + a + "' style='width:100px;height:100px;'/>");
$("#productimg").val(a);
}
})
}
</script>
}

MVC图片上传详解

 

 

控制器中添加方法

[httppost]
[validateinput(false)]
public actionresult add(productrecordinfo m)
{

//通过session接收file控制器中img方法保存的图片上传地址
m.productimg = session["path"].tostring();
int i = new userbll().add(m);
return content(i.tostring());
}

 MVC图片上传详解