上传图片的缩略图创建

时间:2013-06-05 09:34:49

标签: asp.net-mvc thumbnails image-uploading

我想上传多张图片并将其保存到我的应用程序中的文件夹中,并将缩略图保存在名为Thumbnail的文件夹中。我上传并将图像成功保存在Images文件夹中。我也想保存它的缩略图。

在视图中

<form action="" method="post" enctype="multipart/form-data">
  @Html.Label("Select the property : ");
  @Html.DropDownList("Address", new SelectList(ViewBag.Address as System.Collections.IEnumerable), "---Select---",new { id = "add"})
  <label for="file">Filename:</label>
  <input type="file" name="files" id="file" multiple="true"/>

  <input type="submit" />

在控制器

public class HomeController : Controller
    {
        PropertyAssessmentSystemEntities db = new PropertyAssessmentSystemEntities();

        public ActionResult Index()
        {
            var q = from pi in db.PropertyInfoes
                    select pi.Full_Address;
            ViewBag.Address = q.ToList();
            return View();
        }

        [HttpPost]
        public ActionResult Index(HttpPostedFileBase[] files,FormCollection c)
        {
            int no = 0,no1 =0;
            string path = Path.Combine(Server.MapPath("~/Images"), c["Address"].Replace(' ', '_'));
            string fn = "", fn1 = "";
            if (!Directory.Exists(path))
                Directory.CreateDirectory(path);
            else
                no = Directory.GetFiles(path).Length;
            foreach (var file in files)
            {
                string fname = "img_" + no++ + file.FileName.Substring(file.FileName.LastIndexOf('.'));
                string fname1 = "img_" + no1++ + file.FileName.Substring(file.FileName.LastIndexOf('.'));
                fname1 = Path.Combine("Thumbnail", fname1);
                fn1 = Path.Combine(path, fname1);
                if (!Directory.Exists(fn1))
                    Directory.CreateDirectory(fn1);
                else
                    no = Directory.GetFiles(fn1).Length;

                fn = Path.Combine(path, fname);
                file.SaveAs(fn);
                Stream strm = new FileStream(fn, FileMode.OpenOrCreate);
                GenerateThumbnails(0.05, strm, fn1);
            }

            return RedirectToAction("Index");
        }

        private void GenerateThumbnails(double scaleFactor, Stream sourcePath, string targetPath)
        {
            using (var image = System.Drawing.Image.FromStream(sourcePath))
            {
                var newWidth = (int)(image.Width * scaleFactor);
                var newHeight = (int)(image.Height * scaleFactor);
                var thumbnailImg = new Bitmap(newWidth, newHeight);
                var thumbGraph = Graphics.FromImage(thumbnailImg);
                thumbGraph.CompositingQuality = CompositingQuality.HighQuality;
                thumbGraph.SmoothingMode = SmoothingMode.HighQuality;
                thumbGraph.InterpolationMode = InterpolationMode.HighQualityBicubic;
                var imageRectangle = new Rectangle(0, 0, newWidth, newHeight);
                thumbGraph.DrawImage(image, imageRectangle);
                thumbnailImg.Save(targetPath,image.RawFormat);
            } }}

执行此操作时,thumbnailImg.Save(targetPath,image.RawFormat);发生错误 GDI +中发生了一般错误。任何人都可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:8)

我有另一种在上传时从图像创建缩略图的方法,如下所示:

在using namespace中添加以下指令:

using System.Drawing;
using System.Drawing.Imaging;

在控制器操作中添加以下代码以创建缩略图

using (var image = Image.FromStream(file.InputStream, true, true)) /* Creates Image from specified data stream */
{
     using (var thumb = image.GetThumbnailImage(
          36, /* width*/
          30, /* height*/
          () => false,
          IntPtr.Zero))
       {
          var jpgInfo = ImageCodecInfo.GetImageEncoders().Where(codecInfo => codecInfo.MimeType == "image/png").First(); /* Returns array of image encoder objects built into GDI+ */
          using (var encParams = new EncoderParameters(1))
          {
              var appDataThumbnailPath = Server.MapPath("~/Uploads/Thumbnail/" + User.id);
              if (!Directory.Exists(appDataThumbnailPath))
              {
                  Directory.CreateDirectory(appDataThumbnailPath);
              }
              string outputPath = Path.Combine(appDataThumbnailPath, fileName);
              long quality = 100;
              encParams.Param[0] = new EncoderParameter(Encoder.Quality, quality);
              thumb.Save(outputPath, jpgInfo, encParams);
          }
       }
 }

此处文件 HttpPostedFileBase 对象,其中包含输入图像, outputPath 是缩略图的目标文件。通过以下过程,您将获得缩略图。