議題

用戶上傳到網站上的大多數的圖片都是大尺寸的照片，通常在用戶想看完整圖片之前網站會展示出這些圖片或照片的縮略圖。

解決方案

使用以下的類來調整上傳的圖片文件的寬和高：FileStream，Image，Bitmap和Graphics。

討論

在下面的示例中，將修改和重組之前創建的FileUpload類。創建一個新的稱為“ResizeImage”的方法來調整圖片大小。調整之后的圖片文件將被保存到源文件存儲文件夾的子文件夾“Thumbnails”中。同時也要修改DeleteFile方法，添加同時刪除原始圖像和縮略圖，并且為了避免重復代碼要創建一個新的刪除功能的方法。下面顯示變化部分的類代碼：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.IO;
using System.Drawing;
using System.Drawing.Drawing2D;
namespace MvcApplication4.Utils
{
public static class FileUpload
    {
public static char DirSeparator =
        System.IO.Path.DirectorySeparatorChar;
public static string FilesPath = "Content" +
        DirSeparator + "Uploads" + DirSeparator;
public static string UploadFile(HttpPostedFileBase file)
        {
            ...
// 保存縮略圖
            ResizeImage(file, 150, 100);
            ...
        }
public static void DeleteFile(string fileName)
        {
// 如果沒有指定文件名就什么都不做
            if (fileName.Length == 0) return;
// 設置刪除路徑
            string path = FilesPath + DirSeparator + fileName;
string thumbPath = FilesPath + DirSeparator +
"Thumbnails" + DirSeparator + fileName;
            RemoveFile(path);
            RemoveFile(thumbPath);
        }
private static void RemoveFile(string path)
        {
// 檢查文件是否存在
            if (File.Exists(Path.GetFullPath(path)))
            {
// 刪除文件
                File.Delete(Path.GetFullPath(path));
            }
        }
public static void ResizeImage(HttpPostedFileBase file,
int width, int height)
        {
string thumbnailDirectory =
            String.Format(@"{0}{1}{2}", FilesPath,
            DirSeparator, "Thumbnails");
// 檢查目標文件夾是否存在
            if (!Directory.Exists(thumbnailDirectory))
            {
// 假如文件夾不存在就創建它
                Directory.CreateDirectory(thumbnailDirectory);
            }
// 設置縮略圖保存路徑
            string imagePath =
            String.Format(@"{0}{1}{2}", thumbnailDirectory,
            DirSeparator, file.FileName);
// 將文件流保存到磁盤
            FileStream stream = new FileStream(Path.GetFullPath(
            imagePath), FileMode.OpenOrCreate);
// 縮放上傳的文件
            Image OrigImage = Image.FromStream(file.InputStream);
// 創建縮略圖對象
            Bitmap TempBitmap = new Bitmap(width, height);
// 創建縮略圖畫質
            Graphics NewImage = Graphics.FromImage(TempBitmap);
            NewImage.CompositingQuality =
            CompositingQuality.HighQuality;
            NewImage.SmoothingMode =
            SmoothingMode.HighQuality;
            NewImage.InterpolationMode =
            InterpolationMode.HighQualityBicubic;
// 創建Rectangle對象進行繪制
            Rectangle imageRectangle = new Rectangle(0, 0,
            width, height);
            NewImage.DrawImage(OrigImage, imageRectangle);
// 保存縮略圖
            TempBitmap.Save(stream, OrigImage.RawFormat);
// 釋放資源
            NewImage.Dispose();
            TempBitmap.Dispose();
            OrigImage.Dispose();
            stream.Close();
            stream.Dispose();
        }
    }
}

在上面的示例中，我們做了許多修改，特別創建ResizeImage方法。首先，判斷“Thumbnails”文件夾是否存在以及創建功能。接下來，會創建一個新的FileStream對象，并將編輯后的圖片保存到“Thumbnails”文件夾中。?

從提交的InputStream創建原始圖片對象。然后基于縮略圖的尺寸創建縮略圖的Bitmap位圖實例。然后基于這個Bitmap對象創建新的Graphics對象，然后設置圖像的畫質、平滑度、插值模式，如果不設置這些值，縮略圖會因為很像素化和比例變形變的很難看。?

將這些值都設置完畢，創建一個原始尺寸的Recangle對象，將這個對象縮放后繪制到之前創建的Graphics對象中，這時才實際調整尺寸。最后保存Bitmap對象，釋放所有資源。

參考

FileStream Image Bitmap Graphics 原書地址 書籍源代碼

轉載于:https://www.cnblogs.com/o2ds/archive/2011/12/17/2290921.html

總結

以上是生活随笔為你收集整理的[翻译]ASP.NET MVC 3 开发的20个秘诀（十二）[20 Recipes for Programming MVC 3]：缩放图片尺寸创建缩略图...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。