图片上传前台检查整理

最新推荐文章于 2024-11-05 10:38:34 发布

toolezhan

最新推荐文章于 2024-11-05 10:38:34 发布

阅读量119

点赞数

分类专栏： JQuery asp.net ajax 文章标签： xhtml c# javascript ViewUI

本文链接：https://blog.csdn.net/toolezhan/article/details/84421718

版权

JQuery 同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

asp.net

4 篇文章 0 订阅

订阅专栏

ajax

2 篇文章 0 订阅

订阅专栏

<!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>
    <title></title>
    <script src="jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="jquery.form.js" type="text/javascript"></script>
    <style type="text/css">
        #upload
        {
            height: 25px;
        }
        #upload input
        {
            float: left;
            margin: 0 20px 0 0;
        }
        #upload img
        {
            width: 25px;
            height: 25px;
            float: left;
        }
        #preview
        {
            width: 300px;
            margin: 10px 0 0 0;
        }
        #preview img
        {
            width: 150px;
            height: 150px;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            var wait = $("<img src=\"images/loading.gif\" alt=\"正在上传\"/>");
            $("#uploadImage").change(function () {

                var isIE = /msie/i.test(navigator.userAgent) && !window.opera; //检测是否为IE
                var fileSize = 0;
                var filePath = this.value;
                //是IE并且检测不到有文件
                if (isIE && !this.files) {
                    var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
                    var file = fileSystem.GetFile(filePath);
                    fileSize = file.Size;
                } else {
                    fileSize = this.files[0].size;
                }
                var type = filePath.toString().substring(filePath.lastIndexOf('.')).toLocaleLowerCase();
                if (type != ".jpg" && type != ".jpeg" && type != ".gif" && type != ".bmp" && type != ".png") {
                    alert("请选择图片文件！");
                    return false;
                }

                var size = fileSize / 1024;
                if (size > 10000) {
                    alert("图片不能大于10M");
                    return false;
                }

                $("#form1").ajaxSubmit({
                    url: 'UploadImage.ashx',
                    beforeSubmit: function () {
                        $("#upload").append(wait); //显示缓冲状态
                        $("#upload img").css("display", "inline");
                    },
                    success: function (data) {
                        $("#upload img").fadeOut(2000);//上传成功后隐藏缓冲状态
                        if (data != "上传失败") {
                            if ($.browser.msie) {
                                //ie9可能出现兼容问题   
                                data = data.replace("<pre>", "").replace("</pre>", "");
                            }
                            $("#previewImage").attr("src", "uploadImages/" + data).hide().fadeIn(2000);
                        }
                        else {
                            alert("上传失败,请检查上传的是否为图片");
                        }
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server" method="post" enctype="multipart/form-data">
    <!-- 这里必须是 method="post" enctype="multipart/form-data" 否则失败-->
    <div id="upload">
        <input type="file" id="uploadImage" name="uploadImage"  />
    </div>
    <div id="preview">
        <img id="previewImage" src="images/noimage.jpg" alt="暂无图片" />
    </div>
    </form>
</body>
</html>

<%@ WebHandler Language="C#" Class="UploadImage" %>

using System;
using System.Web;

public class UploadImage : IHttpHandler
{

    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/html";//如果是text/plain无法刷新图片

        try
        {
            HttpPostedFile file = context.Request.Files[0];

            if (file != null)
            {
                //再判断一次
                if (file.ContentLength > 1024 * 1024 * 10)
                {
                    context.Response.Write("上传失败");
                    return;
                }

                try
                {
                    //上传图片的扩展名
                    string type = file.FileName.Substring(file.FileName.LastIndexOf('.')).ToLower();

                    //非图片文件，
                    if (type != ".jpg" && type != ".jpeg" && type != ".gif" && type != ".bmp" && type != ".png")
                    {
                        context.Response.Write("上传失败");
                        return;
                    }

                    //图片保存的文件夹路径
                    string path = context.Server.MapPath("~/uploadImages/");
                    //每天上传的图片一个文件夹
                    string folder = DateTime.Now.ToString("yyyyMMdd");
                    //如果文件夹不存在，则创建
                    if (!System.IO.Directory.Exists(path + folder))
                    {
                        System.IO.Directory.CreateDirectory(path + folder);
                    }

                    //保存图片的文件名
                    string saveName = Guid.NewGuid().ToString() + type;
                     //保存原图片
                     file.SaveAs(path + folder + "/" + "Original"+saveName);
                    
                    //压缩图片,可修改大小，默认为150*150
                    Thumbnails(file.InputStream, path + folder + "/" + saveName, 150, 150);

                    

                    //返回结果
                    context.Response.Write(folder + "/" + saveName);
                }
                catch
                {
                    context.Response.Write("上传失败");
                }
            }

        }
        catch
        {
            context.Response.Write("上传失败");
        }
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }

    //生成缩略图函数
    //顺序参数：源图文件流、缩略图存放地址、模版宽、模版高
    //注：缩略图大小控制在模版区域内
    public static void Thumbnails(System.IO.Stream fromFileStream, string fileSaveUrl, System.Double templateWidth, System.Double templateHeight)
    {
        //从文件取得图片对象，并使用流中嵌入的颜色管理信息
        System.Drawing.Image myImage = System.Drawing.Image.FromStream(fromFileStream, true);

        //缩略图宽、高
        System.Double newWidth = myImage.Width;

        System.Double newHeight = myImage.Height;

        //宽大于模版的横图
        if (myImage.Width >= myImage.Height)
        {
            if (myImage.Width > templateWidth)
            {
                //宽按模版，高按比例缩放
                newWidth = templateWidth;
                newHeight = myImage.Height * (newWidth / myImage.Width);
            }
            else
            {
                newWidth = templateWidth;
                newHeight = templateHeight;
            }//小图片变大
        }
        //高大于模版的竖图
        else
        {
            if (myImage.Height >= templateHeight)
            {
                //高按模版，宽按比例缩放
                newHeight = templateHeight;
                newWidth = myImage.Width * (newHeight / myImage.Height);
            }
            else
            {
                newWidth = templateWidth;
                newHeight = templateHeight;
            }//小图片变大
        }

        //取得图片大小
        System.Drawing.Size mySize = new System.Drawing.Size((int)newWidth, (int)newHeight);
        //新建一个bmp图片
        System.Drawing.Image bitmap = new System.Drawing.Bitmap(mySize.Width, mySize.Height);
        //新建一个画板
        System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(bitmap);
        //设置高质量插值法
        g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;
        //设置高质量,低速度呈现平滑程度
        g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
        //清空一下画布
        g.Clear(System.Drawing.Color.White);
        //在指定位置画图
        g.DrawImage(myImage, new System.Drawing.Rectangle(0, 0, bitmap.Width, bitmap.Height),
        new System.Drawing.Rectangle(0, 0, myImage.Width, myImage.Height),
        System.Drawing.GraphicsUnit.Pixel);
        //保存缩略图
        bitmap.Save(fileSaveUrl, System.Drawing.Imaging.ImageFormat.Jpeg);

        fromFileStream.Close();
        g.Dispose();
        myImage.Dispose();
        bitmap.Dispose();
    }
}