asp.net MVC實現(xiàn)無組件上傳圖片實例介紹
更新時間：2013年05月28日 16:55:18 作者：
無組件實現(xiàn)上傳圖片使用input的file作為上傳選擇文件，具體實現(xiàn)如下:前后臺代碼很詳細，感興趣的朋友們可不要錯過了哈
例子：
如我想上傳一個圖片到服務器端：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));
//以下代碼是將 路徑保存到數(shù)據(jù)庫。
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));
//以下代碼是將 路徑保存到數(shù)據(jù)庫。
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 Core 2.0 中間件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
C#頁碼導航算法要求：頁數(shù)小于等于1時不顯示；頁數(shù)大于10時，自動縮短，需要的朋友可以了解下2012-12-12
這篇文章介紹了asp.net后臺關閉當前頁面并傳值的兩種方法，有需要的朋友可以參考一下2013-10-10
DataGrid同時具有分頁和排序功能及注意點...2006-09-09
Asp.NET 隨機碼生成基類(隨機字母,隨機數(shù)字,隨機字母+數(shù)字)
對于需要用asp.net 字母,隨機數(shù)字,隨機字母+數(shù)字生成隨機碼的朋友用的到2008-11-11
asp.net快速生成清晰縮略圖,大家參考使用吧2013-12-12
關于Asp.net頁面Page_Load被執(zhí)行兩次的問題分享
這篇文章介紹了關于Asp.net頁面Page_Load被執(zhí)行兩次的問題，有需要的朋友可以參考一下2013-09-09
在Repeater里，有多個判斷的情況下，如果使用switch呢？直接看下面的例子：2013-04-04
ASP.NET中Session和Cache的區(qū)別總結
這篇文章主要介紹了ASP.NET中Session和Cache的區(qū)別總結,本文結合使用經(jīng)驗,總結出了5點Session緩存和Cache緩存的區(qū)別,需要的朋友可以參考下2015-06-06