c#圖片上傳和顯示的實現(xiàn)方法

更新時間：2016年10月22日 10:10:20 作者：葉超Luka

這篇文章主要介紹了c#實現(xiàn)圖片上傳和顯示的實現(xiàn)方法,可實現(xiàn)圖片上傳效果預覽功能,需要的朋友可以參考下。

由于需要圖片上傳的功能，所以花了一些時間網(wǎng)上找相關資料終于搞定，效果圖如下：

下面的是解決方案截圖和上傳的圖片截圖：

具體實現(xiàn)代碼如下：

1.界面代碼

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UploadPic.aspx.cs" Inherits="Pic_Try.UploadPic" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title>圖片上傳和顯示</title>
  <style type="text/css">
  .pic_text{ color:Red;}
  .pic_label { color:Gray; margin-top:5px; margin-bottom:5px;}
  .pic_image { margin:5px;}
  </style>
</head>
<body>
  <form id="form1" runat="server">
  <div class="pic_image"><asp:Image ID="pic" runat="server" /></div>
  <div><asp:FileUpload ID="pic_upload" runat="server" /><asp:Label ID="lbl_pic" runat="server" class="pic_text"></asp:Label></div>
  <div class="pic_label">上傳圖片格式為.jpg, .gif, .bmp,.png,圖片大小不得超過8M</div>
  <div><asp:Button ID="btn_upload" runat="server" Text="上傳" onclick="btn_upload_Click"/></div>
  </form>
 
</body>
</html>

2.后臺代碼UploadPic.aspx.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.IO;
using System.Security.Cryptography;
using System.Web.Security;

namespace Pic_Try
{
  public partial class UploadPic : System.Web.UI.Page
  {
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void btn_upload_Click(object sender, EventArgs e)
    {
      Boolean fileOk = false;
      if (pic_upload.HasFile)//驗證是否包含文件
      {
        //取得文件的擴展名,并轉(zhuǎn)換成小寫
        string fileExtension = Path.GetExtension(pic_upload.FileName).ToLower();
        //驗證上傳文件是否圖片格式
        fileOk = IsImage(fileExtension);

        if (fileOk)
        {
          //對上傳文件的大小進行檢測，限定文件最大不超過8M
          if (pic_upload.PostedFile.ContentLength < 8192000)
          {
            string filepath = "/images/";
            if (Directory.Exists(Server.MapPath(filepath)) == false)//如果不存在就創(chuàng)建file文件夾
            {
              Directory.CreateDirectory(Server.MapPath(filepath));
            }
            string virpath = filepath + CreatePasswordHash(pic_upload.FileName, 4) + fileExtension;//這是存到服務器上的虛擬路徑
            string mappath = Server.MapPath(virpath);//轉(zhuǎn)換成服務器上的物理路徑
            pic_upload.PostedFile.SaveAs(mappath);//保存圖片
            //顯示圖片
            pic.ImageUrl = virpath;
            //清空提示
            lbl_pic.Text = "";
          }
          else {
            pic.ImageUrl = "";
            lbl_pic.Text = "文件大小超出8M！請重新選擇！";
          }
        }
        else {
          pic.ImageUrl = "";
          lbl_pic.Text = "要上傳的文件類型不對！請重新選擇！";
        }
      }
      else
      {
        pic.ImageUrl = "";
        lbl_pic.Text = "請選擇要上傳的圖片！";
      }
    }

    /// <summary>
    /// 驗證是否指定的圖片格式
    /// </summary>
    /// <param name="str"></param>
    /// <returns></returns>
    public bool IsImage(string str) {
      bool isimage = false;
      string thestr = str.ToLower();
      //限定只能上傳jpg和gif圖片
      string[] allowExtension = { ".jpg", ".gif", ".bmp",".png" };
      //對上傳的文件的類型進行一個個匹對
      for (int i = 0; i < allowExtension.Length; i++)
      {
        if (thestr == allowExtension[i])
        {
          isimage = true;
          break;
        }
      }
      return isimage;
    }

    /// <summary>
    /// 創(chuàng)建一個指定長度的隨機salt值
    /// </summary>
    public string CreateSalt(int saltLenght)
    {
      //生成一個加密的隨機數(shù)
      RNGCryptoServiceProvider rng = new RNGCryptoServiceProvider();
      byte[] buff = new byte[saltLenght];
      rng.GetBytes(buff);
      //返回一個Base64隨機數(shù)的字符串
      return Convert.ToBase64String(buff);
    }

    
    /// <summary>
    /// 返回加密后的字符串
    /// </summary>
    public string CreatePasswordHash(string pwd, int saltLenght)
    {
      string strSalt = CreateSalt(saltLenght);
      //把密碼和Salt連起來
      string saltAndPwd = String.Concat(pwd, strSalt);
      //對密碼進行哈希
      string hashenPwd = FormsAuthentication.HashPasswordForStoringInConfigFile(saltAndPwd, "sha1");
      //轉(zhuǎn)為小寫字符并截取前16個字符串
      hashenPwd = hashenPwd.ToLower().Substring(0, 16);
      //返回哈希后的值
      return hashenPwd;
    }
  }
}

3.最后防止上傳大文件圖片時報錯，配置文件添加配置Web.config

<?xml version="1.0" encoding="utf-8"?>

<!--
 有關如何配置 ASP.NET 應用程序的詳細消息，請訪問
 http://go.microsoft.com/fwlink/?LinkId=169433
 -->

<configuration>
  <system.web>
   <compilation debug="true" targetFramework="4.0" />
   <httpRuntime executionTimeout="240" maxRequestLength="8192000"/>
  </system.web>

</configuration>

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

C#模擬Http與Https請求框架類實例
這篇文章主要介紹了C#模擬Http與Https請求框架類,實例分析了處理http與https請求的方法與信息處理的技巧,需要的朋友可以參考下
2014-12-12
C#:(變量)字段和局部變量的作用域沖突
C#:字段和局部變量的作用域沖突，需要的朋友可以參考一下
2013-02-02
C#實現(xiàn)動態(tài)數(shù)字時鐘和日歷
這篇文章主要為大家詳細介紹了C#實現(xiàn)動態(tài)數(shù)字時鐘和日歷的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-06-06
C#比較數(shù)組是否相同的3種方式小結
本文主要介紹了C#比較數(shù)組是否相同的3種方式小結,主要包括SequenceEqual()方法,循環(huán)的方式比較,StructuralComparisons.StructuralEqualityComparer方式,感興趣的可以了解一下
2024-01-01
C#詞法分析器之轉(zhuǎn)換DFA詳解
本篇文章介紹了，C#詞法分析器之轉(zhuǎn)換DFA詳解。需要的朋友參考下
2013-05-05
C#實現(xiàn)將Excel表格轉(zhuǎn)換為圖片(JPG/?PNG)
Excel表格可能會因為不同設備或字體缺失等問題,導致格式錯亂或數(shù)據(jù)顯示異常,轉(zhuǎn)換為圖片后,能確保數(shù)據(jù)的排版等保持一致,下面我們看看如何使用C#實現(xiàn)將Excel表格轉(zhuǎn)換為圖片吧
2025-04-04
C#動態(tài)對象(dynamic)詳解(實現(xiàn)方法和屬性的動態(tài))
下面小編就為大家?guī)硪黄狢#動態(tài)對象(dynamic)詳解(實現(xiàn)方法和屬性的動態(tài))。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
c#批量整理xml格式示例
這篇文章主要介紹了c#批量整理xml格式示例,win7的x64和x86系統(tǒng)下已驗證通過,需要的朋友可以參考下
2014-03-03
C#橋接模式完整實例
這篇文章主要介紹了C#橋接模式,以實例形式較為詳細的分析了C#橋接模式的實現(xiàn)原理與相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-07-07
Unity中的PostProcessScene實用案例深入解析
這篇文章主要為大家介紹了Unity中的PostProcessScene實用案例深入解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-05-05