网站功能小Demo——图片文件上传
生活随笔
收集整理的這篇文章主要介紹了
网站功能小Demo——图片文件上传
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
網(wǎng)站建設(shè)的過(guò)程中，經(jīng)常會(huì)遇到文件上傳功能，例如Word文檔、Excel表格、圖片等文件。這一實(shí)用的小功能如何實(shí)現(xiàn)的呢！我們一起來(lái)探究。
在ASP.NET中，文件上傳功能用到了FileUpload組件。下面就用圖片的上傳功能演示整個(gè)上傳過(guò)程。
前臺(tái)設(shè)置好FileUpload組件：
1 <body> 2 <form id="form1" runat="server"> 3 <div class="div_align"> 4 <asp:FileUpload id="Up_Image" runat="server" CssClass="File_Load" /> 5 <asp:Button ID="btn_save" runat="server" Text="上傳" CssClass="Submit_btn" OnClick="btnSave_Click"/> 6 </div> 7 </form> 8 </body>
大致效果如下（項(xiàng)目開(kāi)發(fā)過(guò)程中需要美觀可以定義一些自己喜歡的樣式）：
后臺(tái)流程處理：后臺(tái)獲取所選文件的文件名，并進(jìn)行擴(kuò)展名驗(yàn)證，驗(yàn)證上傳文件是否為常用的jpg，jpeg，png等常用圖片格式。為了使得上傳文件唯一，將當(dāng)前系統(tǒng)文件作為文件新名稱。設(shè)置好文件存放路徑后調(diào)用SaveAs( )方法即可完成上傳流程。
1 /// <summary>
2 /// 文件上傳流程（獲取文件名->后綴名驗(yàn)證->獲取保存路徑->提交保存）
3 /// </summary>
4 /// <param name="sender"></param>
5 /// <param name="e"></param>
6 protected void btnSave_Click(object sender, EventArgs e)
7 {
8 //獲取上傳文件名
9 string str = Up_Image.FileName;
10
11 if (string.IsNullOrEmpty(str))
12 {
13 ClientScript.RegisterStartupScript(this.GetType(), "message", "<script>alert('上傳失敗：尚未選擇提交文件！')</script>");
14
15 return;
16 }
17
18 //獲取文件擴(kuò)展名
19 string extension = Path.GetExtension(Up_Image.PostedFile.FileName);
20
21 //ClientScript.RegisterStartupScript(this.GetType(),"message", "<script>alert('"+last+"')</script>");
22
23 if (extension != ".jpg" && extension != ".png" && extension != ".jpeg")
24 {
25 ClientScript.RegisterStartupScript(this.GetType(),"message", "<script>alert('上傳文件格式必須為圖片（jpg、jpeg、png等）格式！')</script>");
26
27 return;
28 }
29
30 //獲取當(dāng)前時(shí)間作為文件名
31 string Time_Now = DateTime.Now.ToString("yyMMddHHMMss");
32
33 string imageName = Time_Now + extension;
34
35 //獲取目標(biāo)文件夾路徑作為圖片存放路徑
36 string strUpPath = Server.MapPath("~/Image_File/") + imageName;
37 try
38 {
39 //上傳圖片
40 Up_Image.SaveAs(strUpPath);
41
42 ClientScript.RegisterStartupScript(this.GetType(), "message", "<script>alert('上傳成功！')</script>");
43 }
44 catch (Exception ex)
45 {
46 ClientScript.RegisterStartupScript(this.GetType(), "message", "<script>alert('上傳失敗，請(qǐng)聯(lián)系管理員！')</script>");
47 }
48 }
圖片上傳功能至此結(jié)束。功能本身并沒(méi)有什么難度，擴(kuò)展一下可以上傳不同類型的文件，也可以嘗試多文件上傳。希望大家能發(fā)散思維，做更多的嘗試，對(duì)知識(shí)進(jìn)行發(fā)掘的過(guò)程總是美好的！
總結(jié)
以上是生活随笔為你收集整理的网站功能小Demo——图片文件上传的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： SAP Spartacus 代码提交的g
- 下一篇： 单身的原因找到了！研究表明单身人士更爱玩