議題

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

解決方案

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

討論

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

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))
            {
// 假如文件夾不存在就創(chuàng)建它
                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);
// 創(chuàng)建縮略圖對象
            Bitmap TempBitmap = new Bitmap(width, height);
// 創(chuàng)建縮略圖畫質
            Graphics NewImage = Graphics.FromImage(TempBitmap);
            NewImage.CompositingQuality =
            CompositingQuality.HighQuality;
            NewImage.SmoothingMode =
            SmoothingMode.HighQuality;
            NewImage.InterpolationMode =
            InterpolationMode.HighQualityBicubic;
// 創(chuàng)建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();
        }
    }
}

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

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

將這些值都設置完畢，創(chuàng)建一個原始尺寸的Recangle對象，將這個對象縮放后繪制到之前創(chuàng)建的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]：缩放图片尺寸创建缩略图...的全部內容，希望文章能夠幫你解決所遇到的問題。

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