关于图片的存与读

场合：

在一个详细信息页面中，至少包含一个file控件和一个img控件。在新增时，用file加载一张本地图片，在img里显示，然后保存，将图片存入Oracle表中的Blob字段里；在读取时，读取Blob字段，将图片直接写入img控件，若图片大小过大，则对图片进行压缩。

 

页面部分代码：

    <div align="center" id="div1" runat="server" style="width: 120px; height: 150px;">
        <asp:Image ID="img_ZP" runat="server" Style="width: 120px; height: 150px;" />
    </div>
    <input id="file_PMT" style="width: 220px" onpropertychange="DoShowPicture(this.value,'img_ZP');"
        type="file" name="file_PMT" runat="server">

 

点击file，在img中显示图片的js：

    //显示图片
    function DoShowPicture(vPicPath, imgName) {
        var img;

        if (vPicPath.length < 1) {
            return false;
        }
        img = document.getElementById(imgName);
        try {
            setTimeout(function() { img.src = vPicPath }, 20);
        }
        catch (e) {
        }
    }

 

图片读入时的验证：

    $(function(){
        $("#img_ZP").on("load",function(){ CheckZJZImg(this); }).error(function(){
            alert("请选择一个图像文件！"); 
            //清除file内容(使用替换的方法)
            var file = $("#file_PMT") ;
            file.after(file.clone().val("")); 
            file.remove();
        });
    });

 

验证方法：

    //检测图片
    function CheckZJZImg(img) {
        var file = $("#file_PMT") ;
        if (img.fileSize > (1024 * 100)) {
            alert("您选择的图片大小为:" + img.fileSize + "\n注意:大小不能超过100K，请重新选择！");
            file.after(file.clone().val("")); 
            file.remove(); 
            img.src = '';
            return false;
        }
        if (img.width > 358 || img.height > 441) {
            alert("您选择的图片宽为:" + img.width + ",高为:" + img.height + "\n注意:尺寸大小不能超过358(宽)X441(高)，请重新选择！");
            file.after(file.clone().val("")); 
            file.remove();
            img.src = '';
            return false;
        }
        return true;
    }

 

验证完毕，就可以保存了，下面是保存方法：

            string filename = file_PMT.PostedFile.FileName;
            if (filename != "" && "jpg,bmp,png,jpeg,gif".Contains(filename.Substring(filename.LastIndexOf('.') + 1).ToLower()))
            {
                int PMTLength = file_PMT.PostedFile.ContentLength;
                byte[] PMTContent = new byte[PMTLength];
                file_PMT.PostedFile.InputStream.Read(PMTContent, 0, PMTLength);
                info.ZP = PMTContent;
            }
            else
            {
                info.ZP = new byte[0];
            }
            //然后把info.ZP传到保存方法里即可

 

 

此处会用到二进制流转化为大对象的方法：

        /// <summary>
        /// 取得ORACLEBLOB对象
        /// </summary>
        /// <param name="p_ByteObject">二进制字节数组对象</param>
        /// <returns></returns>
        protected OracleLob GetOracleBlob( byte[] p_ByteObject )
        {
            OracleLob    tempLob;
            string        cmdText;

            try
            {
                cmdText = "DECLARE xx blob; BEGIN DBMS_LOB.CREATETEMPORARY";
                cmdText += "(xx, false, 0); :tempBlob := xx; END;";

                m_Connection.Open();

                OracleTransaction tx = m_Connection.BeginTransaction();
                OracleCommand oracleCommand = m_Connection.CreateCommand();
                oracleCommand.Transaction = tx;

                oracleCommand.CommandText = cmdText;
                oracleCommand.Parameters.Add(new OracleParameter("tempBlob", OracleType.Blob)).Direction = ParameterDirection.Output;

                oracleCommand.ExecuteNonQuery();

                tempLob = (OracleLob)oracleCommand.Parameters[0].Value;

                tempLob.BeginBatch(OracleLobOpenMode.ReadWrite);
                tempLob.Write(p_ByteObject,0,p_ByteObject.Length);
                tempLob.EndBatch();

                tx.Commit();                
            }
            catch(Exception exp)
            {
                throw new AppException(exp.Message, exp);
            }
            finally
            {
                m_Connection.Close();
            }

            return tempLob;
        }

 

至此，保存完毕。

 

下面是读取

首先，在读取之前，清空创建的缓存文件夹。因为下面用到的读取方法会在服务器端生成图片，然后将该图片的地址赋给页面的img。所以，如果不清理的话，会使服务器端的图片越来越多。

“../SellerManage/CacheImage/” 这个路径是手动在服务器端创建的

        /// <summary>
        /// 清理缓存图片
        /// </summary>
        private void ClearCacheImage()
        {
            //获取缓存图片文件夹路径
            string cacheDocument = Server.MapPath("../SellerManage/CacheImage/");
            //若没有，则创建
            if (!System.IO.Directory.Exists(cacheDocument))
            {
                System.IO.Directory.CreateDirectory(cacheDocument);
            }
            else
            {
                // Search the directory
                DirectoryInfo di = new DirectoryInfo(cacheDocument);
                //FileInfo[] f = di.GetFiles("*.xls");//文件夹下的.xls文件
                FileInfo[] f = di.GetFiles();//文件夹下所有文件
                foreach(FileInfo myFile in f)
                {
                    myFile.Delete();
                }    
            }
        }

 

读取图片：info.ZP是byte[]类型

        /// <summary>
        /// 读取图片
        /// </summary>
        private void DoLoadData()
        {
            ClearCacheImage();  //先清理缓存图片
            if (Request.QueryString["rybh"] != null)
            {
                this.hidn_rybh.Value = Request.QueryString["rybh"].ToString();
            }
            string is_rybh = this.hidn_rybh.Value;
            SellerInfo info = SellerBAL.GetSellerInfo(is_rybh);

            if (info.ZP != null && info.ZP.Length != 0)
            {
                MemoryStream stmImageCol = new MemoryStream(info.ZP);
                System.Drawing.Image img = System.Drawing.Image.FromStream(stmImageCol);
                System.Drawing.Bitmap image = new System.Drawing.Bitmap(img);
                string imgname = DateTime.Now.ToString("yyyyMMddhhmmss") + ".jpg";
                string path = "../SellerManage/CacheImage/" + imgname;
                image.Save(Server.MapPath(path));
                //压缩图片
                CompressImage(Server.MapPath(path), image, 0);
                this.img_ZP.ImageUrl = path;
            }
        }

 

压缩图片，是为了使我们读出的图片符合显示规则（例如图片文件大小、质量等等）

        /// <summary>
        /// 压缩图片
        /// </summary>
        /// <param name="path">已生产的图片地址</param>
        /// <param name="orIMG">从数据库中读取的原图</param>
        /// <param name="flag">标识</param>
        private void CompressImage(string path, System.Drawing.Bitmap orIMG, int flag)
        {
            int imgSize = flag == 0 ? 100 : 300; //0:头像 1:身份证扫描件 单位KB
            
            FileInfo f = new FileInfo(path);
            if (f.Length > 1024 * imgSize)
            {
                ImageCodecInfo CodecInfo = GetImageCodecInfo(ImageFormat.Jpeg);
                System.Drawing.Imaging.EncoderParameters encoderParams = new System.Drawing.Imaging.EncoderParameters(1);
                encoderParams.Param[0] = new System.Drawing.Imaging.EncoderParameter(System.Drawing.Imaging.Encoder.ColorDepth, 2);
                orIMG.Save(path, CodecInfo, encoderParams);
                encoderParams.Dispose();
            }
        }

        private ImageCodecInfo GetImageCodecInfo(ImageFormat format)
        {
            ImageCodecInfo[] codecs = ImageCodecInfo.GetImageDecoders();
            ImageCodecInfo CodecInfo = null;
            foreach (ImageCodecInfo item in codecs)
            {
                if (item.FormatID == format.Guid)
                {
                    CodecInfo = item;
                    break;
                }
            }
            return CodecInfo;
        }

 

至此，图片显示完毕，在img中显示的是压缩后的图片，js校验的也是压缩后的图片大小。

 

这种读取方式可以用于预览，数据库只保存一张原图，不用保存多张图片。但仅用于单人操作，多人同时操作会删除缓存图片，造成无法读图。此代码有待改进。