【问题标题】:How to resize images after uploading with Uploadify?使用 Uploadify 上传后如何调整图像大小?
【发布时间】:2011-05-12 21:55:03
【问题描述】:

我已经在我的 ASP.NET MVC 3 应用程序中实现 Uploadify 来上传图像,但我现在想调整我上传的图像的大小。我不确定下一步要做什么才能开始调整大小。我认为可能有多种方法可以执行此调整大小,但我还没有找到任何示例。谁能建议一些这样做的方法?谢谢

【问题讨论】:

    标签: asp.net-mvc asp.net-mvc-3 uploadify


    【解决方案1】:

    这是您可以在服务器端使用的功能。上传完成后,我用它来处理我的图像。

        private static Image ResizeImage(Image imgToResize, Size size)
        {
            int sourceWidth = imgToResize.Width;
            int sourceHeight = imgToResize.Height;
    
            float nPercent = 0;
            float nPercentW = 0;
            float nPercentH = 0;
    
            nPercentW = ((float)size.Width / (float)sourceWidth);
            nPercentH = ((float)size.Height / (float)sourceHeight);
    
            if (nPercentH < nPercentW)
                nPercent = nPercentH;
            else
                nPercent = nPercentW;
    
            int destWidth = (int)(sourceWidth * nPercent);
            int destHeight = (int)(sourceHeight * nPercent);
    
            Bitmap b = new Bitmap(destWidth, destHeight);
            Graphics g = Graphics.FromImage((Image)b);
            g.InterpolationMode = InterpolationMode.HighQualityBicubic;
    
            g.DrawImage(imgToResize, 0, 0, destWidth, destHeight);
            g.Dispose();
    
            return (Image)b;
        }
    

    我是这样使用它的:

            int length = (int)stream.Length;
            byte[] tempImage = new byte[length];
            stream.Read(tempImage, 0, length);
    
            var image = new Bitmap(stream);
            var resizedImage = ResizeImage(image, new Size(300, 300));
    

    如果您在运行它时需要帮助,欢迎您。

    【讨论】:

      【解决方案2】:

      你有 3 种方式:

      1. 使用 GDI+ 库(代码示例 - C# GDI+ Image Resize Function)
      2. 第三部分组件(我使用 ImageMagick - 我的解决方案:Generating image thumbnails in ASP.NET?)
      3. 在用户端调整图片大小(一些上传者可以这样做)

      【讨论】:

      • 如何在客户端调整图像大小?您将传输整个图像,然后通过 JS 更改宽度/高度来缩小它,或者您还有其他想法吗?
      • 在用户端,您可以使用一些 Flash 上传器或 javauploader 来完成。我将全尺寸图像传输到服务器蚂蚁然后转换它
      猜你喜欢
      • 2013-02-09
      • 1970-01-01
      • 2013-12-17
      • 1970-01-01
      • 2013-10-29
      • 1970-01-01
      • 2020-06-14
      • 1970-01-01
      • 2014-07-19
      相关资源
      最近更新 更多