网站功能小Demo——图片文件上传
生活随笔
收集整理的這篇文章主要介紹了
网站功能小Demo——图片文件上传
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
網站建設的過程中，經常會遇到文件上傳功能，例如Word文檔、Excel表格、圖片等文件。這一實用的小功能如何實現的呢！我們一起來探究。
在ASP.NET中，文件上傳功能用到了FileUpload組件。下面就用圖片的上傳功能演示整個上傳過程。
前臺設置好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>
大致效果如下（項目開發過程中需要美觀可以定義一些自己喜歡的樣式）：
后臺流程處理：后臺獲取所選文件的文件名，并進行擴展名驗證，驗證上傳文件是否為常用的jpg，jpeg，png等常用圖片格式。為了使得上傳文件唯一，將當前系統文件作為文件新名稱。設置好文件存放路徑后調用SaveAs( )方法即可完成上傳流程。
1 /// <summary>
2 /// 文件上傳流程（獲取文件名->后綴名驗證->獲取保存路徑->提交保存）
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 //獲取文件擴展名
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 //獲取當前時間作為文件名
31 string Time_Now = DateTime.Now.ToString("yyMMddHHMMss");
32
33 string imageName = Time_Now + extension;
34
35 //獲取目標文件夾路徑作為圖片存放路徑
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('上傳失敗，請聯系管理員！')</script>");
47 }
48 }
圖片上傳功能至此結束。功能本身并沒有什么難度，擴展一下可以上傳不同類型的文件，也可以嘗試多文件上傳。希望大家能發散思維，做更多的嘗試，對知識進行發掘的過程總是美好的！
總結
以上是生活随笔為你收集整理的网站功能小Demo——图片文件上传的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： SAP Spartacus 代码提交的g
- 下一篇： 单身的原因找到了！研究表明单身人士更爱玩