asp.net MVC實(shí)現(xiàn)無(wú)組件上傳圖片實(shí)例介紹
更新時(shí)間:2013年05月28日 16:55:18 作者:
無(wú)組件實(shí)現(xiàn)上傳圖片使用input的file作為上傳選擇文件,具體實(shí)現(xiàn)如下:前后臺(tái)代碼很詳細(xì),感興趣的朋友們可不要錯(cuò)過(guò)了哈
例子:
如我想上傳一個(gè)圖片到服務(wù)器端:asp頁(yè)面
<form id="form1" runat="server" action="/bookIndex/fileUpLoad/(你準(zhǔn)備處理的 ActionResult)" method="post" enctype="multipart/form-data">
<input type="file" id="imageUpLoad" name="imageUpLoad">
<input type="button" value="點(diǎn)擊上傳" onclick="UpLoad()">
....
</form>
js代碼:
<script type="text/javascript">
function UpLoad()
{
如果有其他的值,判斷下是否為空.
form1.submit();
}
<script>
后臺(tái)代碼
public ActionResult fileUpLoad(HttpPostedFileBase imageUpLoad(這里跟前臺(tái)頁(yè)面input輸入框name保持一致))
{
string fileName = imageUpLoad.FileName;
//轉(zhuǎn)換只取得文件名,去掉路徑。
if (fileName.LastIndexOf("\\") > -1)
{
fileName = fileName.Substring(fileName.LastIndexOf("\\") + 1);
}
//保存到相對(duì)路徑下。
imageUpLoad.SaveAs(Server.MapPath("../../image/img/" + fileName));
//以下代碼是將 路徑保存到數(shù)據(jù)庫(kù)。
string ImagePath = "../../image/img/" + fileName;
string sql = "insert into bookinfo(bookphoto)values('" + ImagePath + "')";
//封裝好的代碼,直接調(diào)用。
DataBase db = new DataBase();
db.getConn();
int result = db.executeUpdate(sql);
return View();
}
如我想上傳一個(gè)圖片到服務(wù)器端:asp頁(yè)面
復(fù)制代碼 代碼如下:
<form id="form1" runat="server" action="/bookIndex/fileUpLoad/(你準(zhǔn)備處理的 ActionResult)" method="post" enctype="multipart/form-data">
<input type="file" id="imageUpLoad" name="imageUpLoad">
<input type="button" value="點(diǎn)擊上傳" onclick="UpLoad()">
....
</form>
js代碼:
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function UpLoad()
{
如果有其他的值,判斷下是否為空.
form1.submit();
}
<script>
后臺(tái)代碼
復(fù)制代碼 代碼如下:
public ActionResult fileUpLoad(HttpPostedFileBase imageUpLoad(這里跟前臺(tái)頁(yè)面input輸入框name保持一致))
{
string fileName = imageUpLoad.FileName;
//轉(zhuǎn)換只取得文件名,去掉路徑。
if (fileName.LastIndexOf("\\") > -1)
{
fileName = fileName.Substring(fileName.LastIndexOf("\\") + 1);
}
//保存到相對(duì)路徑下。
imageUpLoad.SaveAs(Server.MapPath("../../image/img/" + fileName));
//以下代碼是將 路徑保存到數(shù)據(jù)庫(kù)。
string ImagePath = "../../image/img/" + fileName;
string sql = "insert into bookinfo(bookphoto)values('" + ImagePath + "')";
//封裝好的代碼,直接調(diào)用。
DataBase db = new DataBase();
db.getConn();
int result = db.executeUpdate(sql);
return View();
}
相關(guān)文章
asp.net 退出登陸(解決退出后點(diǎn)擊瀏覽器后退問(wèn)題仍然可回到頁(yè)面問(wèn)題)
退出登陸是再常見(jiàn)不過(guò)的了,先清除Session,再轉(zhuǎn)到登陸頁(yè)面2009-04-04
C#頁(yè)碼導(dǎo)航顯示及算法實(shí)現(xiàn)代碼
C#頁(yè)碼導(dǎo)航算法要求:頁(yè)數(shù)小于等于1時(shí)不顯示;頁(yè)數(shù)大于10時(shí),自動(dòng)縮短,需要的朋友可以了解下2012-12-12
asp.net后臺(tái)關(guān)閉當(dāng)前頁(yè)面并傳值的兩種方法
這篇文章介紹了asp.net后臺(tái)關(guān)閉當(dāng)前頁(yè)面并傳值的兩種方法,有需要的朋友可以參考一下2013-10-10
DataGrid同時(shí)具有分頁(yè)和排序功能及注意點(diǎn)
DataGrid同時(shí)具有分頁(yè)和排序功能及注意點(diǎn)...2006-09-09
Asp.NET 隨機(jī)碼生成基類(隨機(jī)字母,隨機(jī)數(shù)字,隨機(jī)字母+數(shù)字)
對(duì)于需要用asp.net 字母,隨機(jī)數(shù)字,隨機(jī)字母+數(shù)字生成隨機(jī)碼的朋友用的到2008-11-11
關(guān)于Asp.net頁(yè)面Page_Load被執(zhí)行兩次的問(wèn)題分享
這篇文章介紹了關(guān)于Asp.net頁(yè)面Page_Load被執(zhí)行兩次的問(wèn)題,有需要的朋友可以參考一下2013-09-09
ASP.NET中Session和Cache的區(qū)別總結(jié)
這篇文章主要介紹了ASP.NET中Session和Cache的區(qū)別總結(jié),本文結(jié)合使用經(jīng)驗(yàn),總結(jié)出了5點(diǎn)Session緩存和Cache緩存的區(qū)別,需要的朋友可以參考下2015-06-06

