期货大赛项目|九,fileinput插件的应用

引入JS和CSS

 bundles.Add(new ScriptBundle("~/bundles/fileinputJs").Include(
                "~/Content/vendors/bootstrap-fileinput-master/js/fileinput.min.js",
                "~/Content/vendors/bootstrap-fileinput-master/js/locales/zh.js",
                "~/Scripts/fileHelper.js"
                ));
            bundles.Add(new StyleBundle("~/Content/vendors/bootstrap-fileinput-master/css/fileinputCss").Include(
                "~/Content/vendors/bootstrap-fileinput-master/css/fileinput.min.css"));

html

                    <input type="file" name="img" id="img" class="file-loading" />

封装的fileinput的js

jQuery.extend({
    UploadImg: function ($control, uploadUrl, customOption) {
        var option = {
            language: 'zh', //设置语言
            uploadUrl: uploadUrl, //上传的地址
            allowedFileExtensions: ['jpg', 'gif', 'png'], //接收的文件后缀
//            showPreview: true,
//            showUpload: true, //是否显示上传按钮
//            overwriteInitial: false,
//            autoReplace:true,
//            browseClass: "btn btn-primary", //按钮样式
//            dropZoneEnabled: true,//是否显示拖拽区域
//            minImageWidth: 50, //图片的最小宽度
//            minImageHeight: 50,//图片的最小高度
//            maxImageWidth: 1000,//图片的最大宽度
//            maxImageHeight: 1000,//图片的最大高度
//            maxFileSize: 0,//单位为kb，如果为0表示不限制文件大小
//            minFileCount: 1,
//            maxFileCount: 1, //表示允许同时上传的最大文件个数
//            enctype: 'multipart/form-data',
//            validateInitialCount: true
//            previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
//            msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}！"
    };
        if (customOption != null) {
            $.extend(option, customOption);
        }
        //初始化上传控件的样式
        $control.fileinput(option);
//        //上传前
//        $control.on('filepreupload', function (event, data, previewId, index) {
//
//        });
//        //导入文件上传完成之后的事件
//        $control.on("fileuploaded", function (event, data, previewId, index) {
//            if (data.response.ResultType === 0) {
//                $input.val(data.response.Message);
//            }
//            else {
//                toastr.error(data.response.Message);
//            }
//        });
//        //异步上传错误结果处理
//        $control.on("fileerror", function (event, data, msg) {
//            toastr.error("网络错误，请重新提交");
//        });
//        //同步上传成功结果处理
//        $control.on('filebatchuploadsuccess', function (event, data, previewId, index) {
//            if (data.response.ResultType === 0) {
//                $input.val(data.response.Message);
//            }
//            else {
//                toastr.error(data.response.Message);
//            }
//        });
//        //同步上传错误结果处理
//        $control.on('filebatchuploaderror', function (event, data, msg) {
//            toastr.error("网络错误，请重新提交");
//        });
//        //移除按钮事件
//        $control.on("filecleared", function (event, data, msg) {
//            $input.val('');
//        });
    }
});

$.UploadImg($("#img"), "/Admin/Mien/UploadImg/" + hid, null);

//异步上传成功结果处理
$("#img").on("fileuploaded",
    function (event, data, previewId, index) {

        if (data.response.state === 1) {
            console.log(data.response);
            $("#echo_img").attr("src", "../../../Content/MienImg/" + data.response.name);
            swal({
                title: data.response.msg,
                type: "success",
                confirmButtonText: "确认"
            });
        } else {
            swal({
                title: data.response.msg,
                type: "error",
                confirmButtonText: "确认"
            });
        }

    });

//异步上传错误结果处理
$("#img").on("fileerror",
    function(event, data, msg) {
        swal({
            title: "上传失败",
            type: "error",
            confirmButtonText: "确认"
        });

    });

---

后台图片上传

        //图片上传
        [HttpPost]
        public JsonResult UploadImg(int id)
        {
            if (id < )
                return Json(new { msg = "参数错误,不允许上传", state =  }, JsonRequestBehavior.AllowGet);
            try
            {
                var files = Request.Files[];
                var iu = new ImageUpload
                {
                    FormFile = files,
                    SavePath = @"~/Content/MienImg/"
                };
                iu.Upload();

                var result = iu.Error;
                switch (result)
                {
                    case :
                        return Json(new { msg = "没有上传的文件", state =  }, JsonRequestBehavior.AllowGet);
                    case :
                        return Json(new { msg = "类型不允许", state =  }, JsonRequestBehavior.AllowGet);
                    case :
                        return Json(new { msg = "大小超过限制", state =  }, JsonRequestBehavior.AllowGet);
                    case :
                        return Json(new { msg = "未知错误", state =  }, JsonRequestBehavior.AllowGet);
                }

                if (result != )
                    return Json(new { msg = "结果不再返回值中", state =  }, JsonRequestBehavior.AllowGet);
                var name = iu.OutFileName;
                var model = _bll.QueryById(id);
                model.MienImg = @"~/Content/MienImg/" + name;
                model.LastTime = DateTime.Now;
                var mresult = _bll.Modify(model);
                return Json(mresult >  ? new { msg = "主题图上传成功", state = , name = name } : new { msg = "主题图上传失败", state = , name = "" }, JsonRequestBehavior.AllowGet);
            }
            catch (Exception ex)
            {
                return Json(new { msg = "捕获到异常" + ex, state =  }, JsonRequestBehavior.AllowGet);

            }
        }

图片帮助类

using System;
using System.Drawing;
using System.IO;
using System.Web;
using System.Web.UI.HtmlControls;

namespace FuturesContest.Tools
{
    /// <summary>
    /// 文件类型
    /// </summary>
    public enum FileExtension
    {
        JPG = ,
        GIF = ,
        BMP = ,
        PNG = ,
        RAR = ,
        jpg = ,
        exe = ,
        xml = ,
        html = ,
        aspx = ,
        cs = ,
        js = ,
        txt = ,
        sql =
    }

    /// <summary>
    /// 图片检测类
    /// </summary>
    public static class FileValidation
    {
        #region 上传图片检测类
        /// <summary>
        /// 是否允许
        /// </summary>
        public static bool IsAllowedExtension(HttpPostedFile oFile, FileExtension[] fileEx)
        {
            int fileLen = oFile.ContentLength;
            byte[] imgArray = new byte[fileLen];
            oFile.InputStream.Read(imgArray, , fileLen);
            MemoryStream ms = new MemoryStream(imgArray);
            System.IO.BinaryReader br = new System.IO.BinaryReader(ms);
            string fileclass = "";
            byte buffer;
            try
            {
                buffer = br.ReadByte();
                fileclass = buffer.ToString();
                buffer = br.ReadByte();
                fileclass += buffer.ToString();
            }
            catch { }
            br.Close();
            ms.Close();
            foreach (FileExtension fe in fileEx)
            {
                if (Int32.Parse(fileclass) == (int)fe) return true;
            }
            return false;
        }

        /// <summary>
        /// 上传前的图片是否可靠
        /// </summary>
        public static bool IsSecureUploadPhoto(HttpPostedFile oFile)
        {
            bool isPhoto = false;
            string fileExtension = System.IO.Path.GetExtension(oFile.FileName).ToLower();
            string[] allowedExtensions = { ".gif", ".png", ".jpeg", ".jpg", ".bmp" };
            for (int i = ; i < allowedExtensions.Length; i++)
            {
                if (fileExtension == allowedExtensions[i])
                {
                    isPhoto = true;
                    break;
                }
            }
            if (!isPhoto)
            {
                return true;
            }
            FileExtension[] fe = { FileExtension.BMP, FileExtension.GIF, FileExtension.JPG, FileExtension.PNG };

            if (IsAllowedExtension(oFile, fe))
                return true;
            else
                return false;
        }

        /// <summary>
        /// 上传后的图片是否安全
        /// </summary>
        /// <param name="photoFile">物理地址</param>
        public static bool IsSecureUpfilePhoto(string photoFile)
        {
            bool isPhoto = false;
            string Img = "Yes";
            string fileExtension = System.IO.Path.GetExtension(photoFile).ToLower();
            string[] allowedExtensions = { ".gif", ".png", ".jpeg", ".jpg", ".bmp" };
            for (int i = ; i < allowedExtensions.Length; i++)
            {
                if (fileExtension == allowedExtensions[i])
                {
                    isPhoto = true;
                    break;
                }
            }

            if (!isPhoto)
            {
                return true;
            }
            StreamReader sr = new StreamReader(photoFile, System.Text.Encoding.Default);
            string strContent = sr.ReadToEnd();
            sr.Close();
            string str = "request|<script|.getfolder|.createfolder|.deletefolder|.createdirectory|.deletedirectory|.saveas|wscript.shell|script.encode|server.|.createobject|execute|activexobject|language=";
            foreach (string s in str.Split('|'))
            {
                if (strContent.ToLower().IndexOf(s) != -)
                {
                    File.Delete(photoFile);
                    Img = "No";
                    break;
                }
            }
            return (Img == "Yes");
        }
        #endregion
    }

    /// <summary>
    /// 图片上传类
    /// </summary>
    //----------------调用-------------------
    //imageUpload iu = new imageUpload();
    //iu.AddText = "";
    //iu.CopyIamgePath = "";
    //iu.DrawString_x = ;
    //iu.DrawString_y = ;
    //iu.DrawStyle = ;
    //iu.Font = "";
    //iu.FontSize = ;
    //iu.FormFile = File1;
    //iu.IsCreateImg =;
    //iu.IsDraw = ;
    //iu.OutFileName = "";
    //iu.OutThumbFileName = "";
    //iu.SavePath = @"~/image/";
    //iu.SaveType = ;
    //iu.sHeight  = ;
    //iu.sWidth   = ;
    //iu.Upload();
    //--------------------------------------
    public class ImageUpload
    {
        #region 私有成员
        private int _Error = ;//返回上传状态。
        private int _MaxSize =  * ;//最大单个上传文件 (默认)
        private string _FileType = "jpg;gif;bmp;png";//所支持的上传类型用"/"隔开
        private string _SavePath = System.Web.HttpContext.Current.Server.MapPath(".") + "\\";//保存文件的实际路径
        private int _SaveType = ;//上传文件的类型，0代表自动生成文件名
//        private HtmlInputFile _FormFile;//上传控件。
        private HttpPostedFileBase _Files;
        private string _InFileName = "";//非自动生成文件名设置。
        private string _OutFileName = "";//输出文件名。
        private bool _IsCreateImg = true;//是否生成缩略图。
        private bool _Iss = false;//是否有缩略图生成.
        private int _Height = ;//获取上传图片的高度
        private int _Width = ;//获取上传图片的宽度
        private int _sHeight = ;//设置生成缩略图的高度
        private int _sWidth = ;//设置生成缩略图的宽度
        private bool _IsDraw = false;//设置是否加水印
        private int _DrawStyle = ;//设置加水印的方式０：文字水印模式，１：图片水印模式,2:不加
        private int _DrawString_x = ;//绘制文本的Ｘ坐标（左上角）
        private int _DrawString_y = ;//绘制文本的Ｙ坐标（左上角）
        private string _AddText = "GlobalNatureCrafts";//设置水印内容
        private string _Font = "宋体";//设置水印字体
        private int _FontSize = ;//设置水印字大小
        private int _FileSize = ;//获取已经上传文件的大小
        private string _CopyIamgePath = System.Web.HttpContext.Current.Server.MapPath(".") + "/images/5dm_new.jpg";//图片水印模式下的覆盖图片的实际地址
        #endregion

        #region 公有属性
        /// <summary>
        /// Error返回值
        /// 1、没有上传的文件
        /// 2、类型不允许
        /// 3、大小超限
        /// 4、未知错误
        /// 0、上传成功。
        /// </summary>
        public int Error
        {
            get { return _Error; }
        }

        /// <summary>
        /// 最大单个上传文件
        /// </summary>
        public int MaxSize
        {
            set { _MaxSize = value; }
        }

        /// <summary>
        /// 所支持的上传类型用";"隔开
        /// </summary>
        public string FileType
        {
            set { _FileType = value; }
        }

        /// <summary>
        /// 保存文件的实际路径
        /// </summary>
        public string SavePath
        {
            set { _SavePath = System.Web.HttpContext.Current.Server.MapPath(value); }
            get { return _SavePath; }
        }

        /// <summary>
        /// 上传文件的类型，0代表自动生成文件名
        /// </summary>
        public int SaveType
        {
            set { _SaveType = value; }
        }

        /// <summary>
        /// 上传控件
        /// </summary>
        public HttpPostedFileBase FormFile
        {
            set { _Files = value; }
        }

        /// <summary>
        /// 非自动生成文件名设置。
        /// </summary>
        public string InFileName
        {
            set { _InFileName = value; }
        }

        /// <summary>
        /// 输出文件名
        /// </summary>
        public string OutFileName
        {
            get { return _OutFileName; }
            set { _OutFileName = value; }
        }

        /// <summary>
        /// 输出的缩略图文件名
        /// </summary>
        public string OutThumbFileName
        {
            get;
            set;
        }

        /// <summary>
        /// 是否有缩略图生成.
        /// </summary>
        public bool Iss
        {
            get { return _Iss; }
        }

        /// <summary>
        /// 获取上传图片的宽度
        /// </summary>
        public int Width
        {
            get { return _Width; }
        }

        /// <summary>
        /// 获取上传图片的高度
        /// </summary>
        public int Height
        {
            get { return _Height; }
        }

        /// <summary>
        /// 设置缩略图的宽度
        /// </summary>
        public int sWidth
        {
            get { return _sWidth; }
            set { _sWidth = value; }
        }

        /// <summary>
        /// 设置缩略图的高度
        /// </summary>
        public int sHeight
        {
            get { return _sHeight; }
            set { _sHeight = value; }
        }

        /// <summary>
        /// 是否生成缩略图
        /// </summary>
        public bool IsCreateImg
        {
            get { return _IsCreateImg; }
            set { _IsCreateImg = value; }
        }

        /// <summary>
        /// 是否加水印
        /// </summary>
        public bool IsDraw
        {
            get { return _IsDraw; }
            set { _IsDraw = value; }
        }

        /// <summary>
        /// 设置加水印的方式
        /// 0:文字水印模式
        /// 1:图片水印模式
        /// 2:不加
        /// </summary>
        public int DrawStyle
        {
            get { return _DrawStyle; }
            set { _DrawStyle = value; }
        }

        /// <summary>
        /// 绘制文本的Ｘ坐标（左上角）
        /// </summary>
        public int DrawString_x
        {
            get { return _DrawString_x; }
            set { _DrawString_x = value; }
        }

        /// <summary>
        /// 绘制文本的Ｙ坐标（左上角）
        /// </summary>
        public int DrawString_y
        {
            get { return _DrawString_y; }
            set { _DrawString_y = value; }
        }

        /// <summary>
        /// 设置文字水印内容
        /// </summary>
        public string AddText
        {
            get { return _AddText; }
            set { _AddText = value; }
        }

        /// <summary>
        /// 设置文字水印字体
        /// </summary>
        public string Font
        {
            get { return _Font; }
            set { _Font = value; }
        }

        /// <summary>
        /// 设置文字水印字的大小
        /// </summary>
        public int FontSize
        {
            get { return _FontSize; }
            set { _FontSize = value; }
        }

        /// <summary>
        /// 文件大小
        /// </summary>
        public int FileSize
        {
            get { return _FileSize; }
            set { _FileSize = value; }
        }

        /// <summary>
        /// 图片水印模式下的覆盖图片的实际地址
        /// </summary>
        public string CopyIamgePath
        {
            set { _CopyIamgePath = System.Web.HttpContext.Current.Server.MapPath(value); }
        }

        #endregion

        #region 私有方法
        /// <summary>
        /// 获取文件的后缀名
        /// </summary>
        private string GetExt(string path)
        {
            return Path.GetExtension(path);
        }

        /// <summary>
        /// 获取输出文件的文件名
        /// </summary>
        private string FileName(string Ext)
        {
            if (_SaveType ==  || _InFileName.Trim() == "")
                return DateTime.Now.ToString("yyyyMMddHHmmssfff") + Ext;
            else
                return _InFileName;
        }

        /// <summary>
        /// 检查上传的文件的类型，是否允许上传。
        /// </summary>
        private bool IsUpload(string Ext)
        {
            Ext = Ext.Replace(".", "");
            bool b = false;
            string[] arrFileType = _FileType.Split(';');
            foreach (string str in arrFileType)
            {
                if (str.ToLower() == Ext.ToLower())
                {
                    b = true;
                    break;
                }
            }
            return b;
        }
        #endregion

        #region 上传图片
        public void Upload()
        {
            var hpFile = _Files;
            if (hpFile == null || hpFile.FileName.Trim() == "")
            {
                _Error = ;
                return;
            }
            string Ext = GetExt(hpFile.FileName);
            if (!IsUpload(Ext))
            {
                _Error = ;
                return;
            }
            int iLen = hpFile.ContentLength;
            if (iLen > _MaxSize)
            {
                _Error = ;
                return;
            }
            try
            {
                if (!Directory.Exists(_SavePath)) Directory.CreateDirectory(_SavePath);
                byte[] bData = new byte[iLen];
                hpFile.InputStream.Read(bData, , iLen);
                string FName;
                FName = FileName(Ext);
                string TempFile = "";
                if (_IsDraw)
                {
                    TempFile = FName.Split('.').GetValue().ToString() + "_temp." + FName.Split('.').GetValue().ToString();
                }
                else
                {
                    TempFile = FName;
                }
                FileStream newFile = new FileStream(_SavePath + TempFile, FileMode.Create);
                newFile.Write(bData, , bData.Length);
                newFile.Flush();
                int _FileSizeTemp = hpFile.ContentLength;

                string ImageFilePath = _SavePath + FName;
                if (_IsDraw)
                {
                    if (_DrawStyle == )
                    {
                        System.Drawing.Image Img1 = System.Drawing.Image.FromStream(newFile);
                        Graphics g = Graphics.FromImage(Img1);
                        g.DrawImage(Img1, , , Img1.Width, Img1.Height);
                        Font f = new Font(_Font, _FontSize);
                        Brush b = new SolidBrush(Color.Red);
                        string addtext = _AddText;
                        g.DrawString(addtext, f, b, _DrawString_x, _DrawString_y);
                        g.Dispose();
                        Img1.Save(ImageFilePath);
                        Img1.Dispose();
                    }
                    else
                    {
                        System.Drawing.Image image = System.Drawing.Image.FromStream(newFile);
                        System.Drawing.Image copyImage = System.Drawing.Image.FromFile(_CopyIamgePath);
                        Graphics g = Graphics.FromImage(image);
                        g.DrawImage(copyImage, new Rectangle(image.Width - copyImage.Width - , image.Height - copyImage.Height - , copyImage.Width, copyImage.Height), , , copyImage.Width, copyImage.Height, GraphicsUnit.Pixel);
                        g.Dispose();
                        image.Save(ImageFilePath);
                        image.Dispose();
                    }
                }

                //获取图片的高度和宽度
                System.Drawing.Image Img = System.Drawing.Image.FromStream(newFile);
                _Width = Img.Width;
                _Height = Img.Height;

                //生成缩略图部分
                if (_IsCreateImg)
                {
                    #region 缩略图大小只设置了最大范围，并不是实际大小
                    float realbili = (float)_Width / (float)_Height;
                    float wishbili = (float)_sWidth / (float)_sHeight;

                    //实际图比缩略图最大尺寸更宽矮，以宽为准
                    if (realbili > wishbili)
                    {
                        _sHeight = (int)((float)_sWidth / realbili);
                    }
                    //实际图比缩略图最大尺寸更高长，以高为准
                    else
                    {
                        _sWidth = (int)((float)_sHeight * realbili);
                    }
                    #endregion

                    this.OutThumbFileName = FName.Split('.').GetValue().ToString() + "_s." + FName.Split('.').GetValue().ToString();
                    string ImgFilePath = _SavePath + this.OutThumbFileName;

                    System.Drawing.Image newImg = Img.GetThumbnailImage(_sWidth, _sHeight, null, System.IntPtr.Zero);
                    newImg.Save(ImgFilePath);
                    newImg.Dispose();
                    _Iss = true;
                }

                if (_IsDraw)
                {
                    if (File.Exists(_SavePath + FName.Split('.').GetValue().ToString() + "_temp." + FName.Split('.').GetValue().ToString()))
                    {
                        newFile.Dispose();
                        File.Delete(_SavePath + FName.Split('.').GetValue().ToString() + "_temp." + FName.Split('.').GetValue().ToString());
                    }
                }
                newFile.Close();
                newFile.Dispose();
                _OutFileName = FName;
                _FileSize = _FileSizeTemp;
                _Error = ;
                return;
            }
            catch
            {
                _Error = ;
                return;
            }
        }
        #endregion
    }
}