其他分享
首页 > 其他分享> > 今天在写MVC+Ajax上传图片的时候,感觉想不起来了,再复习一下

今天在写MVC+Ajax上传图片的时候,感觉想不起来了,再复习一下

作者:互联网

首先我们在写前台布局的时候要有一个上传文件的控件,同时将这个控件的name属性命名一下,并且将ajax的控件拖拽进来,以及ajax的各项属性写好

就像这样

 

写完前台之后,记得去Shared文件夹中去将下面的三行拖到上面去,不然无法使用Ajax

 

然后就是控制器中了,将控制器的添加方法里面的参数写上一个HttpPostedFileBase类型的名字,名字与前台的上传控件的名字相同,不然接收不到图片信息

再将文件的虚拟路径放到model中,放进去之后,将它的虚拟路径转化为物理路径,如下图

 

最后返回一个n值到前台中的方法中进行弹框提示

这样就可以在显示界面显示出图片来,同时路径也会传过去当然显示界面的图片,显示需要使用img控件

好了,这样图片就可以显示处来了,

上传还可以参考一下这篇:ASP.NET MVC中使用Ajax.BeginForm()的例子_风神修罗使的博客-CSDN博客

标签:控件,复习,路径,Ajax,MVC,前台,上传,图片
来源: https://www.cnblogs.com/Wdjy/p/16644399.html