怎么在asp.net MVC中不使用无组件实现一个图片上传功能

这篇文章将为大家详细讲解有关怎么在asp.net MVC中不使用无组件实现一个图片上传功能,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

如传一个图片到服务器端: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();
}

关于怎么在asp.net MVC中不使用无组件实现一个图片上传功能就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。