asp.net MVC实现无组件上传图片实例介绍
更新时间:2013年05月28日 16:55:18 作者:
无组件实现上传图片使用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();
}
如我想上传一个图片到服务器端: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 退出登陆(解决退出后点击浏览器后退问题仍然可回到页面问题)
退出登陆是再常见不过的了,先清除Session,再转到登陆页面2009-04-04
Asp.NET 随机码生成基类(随机字母,随机数字,随机字母+数字)
对于需要用asp.net 字母,随机数字,随机字母+数字生成随机码的朋友用的到2008-11-11
关于Asp.net页面Page_Load被执行两次的问题分享
这篇文章介绍了关于Asp.net页面Page_Load被执行两次的问题,有需要的朋友可以参考一下2013-09-09


最新评论