服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|

服务器之家 - 编程语言 - ASP.NET教程 - asp.net MVC实现无组件上传图片实例介绍

asp.net MVC实现无组件上传图片实例介绍

2019-11-08 12:38asp.net教程网 ASP.NET教程

无组件实现上传图片使用input的file作为上传选择文件,具体实现如下:前后台代码很详细,感兴趣的朋友们可不要错过了哈

例子: 
如我想上传一个图片到服务器端:asp页面 

复制代码代码如下:


<form id="form1" runat="server" action="/bookIndex/fileUpLoad/(你准备处理的 ActionResult)" method="post" enctype="multipart/form-data"> 
<input type="file" id="imageUpLoad" name="imageUpLoad"> 
<input type="button" value="点击上传" onclick="UpLoad()"> 
.... 
</form> 


js代码: 

复制代码代码如下:


<script type="text/javascript"> 
function UpLoad() 

如果有其他的值,判断下是否为空. 
form1.submit(); 

<script> 


后台代码 

复制代码代码如下:


public ActionResult fileUpLoad(HttpPostedFileBase imageUpLoad(这里跟前台页面input输入框name保持一致)) 

string fileName = imageUpLoad.FileName; 
//转换只取得文件名,去掉路径。 
if (fileName.LastIndexOf("\\") > -1) 

fileName = fileName.Substring(fileName.LastIndexOf("\\") + 1); 

//保存到相对路径下。 
imageUpLoad.SaveAs(Server.MapPath("../../image/img/" + fileName)); 
//以下代码是将 路径保存到数据库。 
string ImagePath = "../../image/img/" + fileName; 
string sql = "insert into bookinfo(bookphoto)values('" + ImagePath + "')"; 
//封装好的代码,直接调用。 
DataBase db = new DataBase(); 
db.getConn(); 
int result = db.executeUpdate(sql); 
return View(); 

延伸 · 阅读

精彩推荐