FlexCell图片显示问题

1、  在FlexCell设计器中，添加图片，导出xml 可以看到 

图片不大于20k显示：（20KB为不准确的数字）

 

  图1

图片大于20k显示：（20KB为不准确的数字）

图2

图片转换为一串字符串，是Base64编码格式的

2、  所以flexcell图片显示问题思路是：

1）上传图片同时，转换为以base64编码格式的字符串；

显示时，按1、中的规则拼接xml文件。

2）由于图片转换后的字符串无法存到数据库字段里（varchar类型最大是8000，转换后的字符串长度可能大于8000，所以不可以；text、nclob等测试），所以上传附件时，保存图片本身外，还要保存一个base64编码转换后的字符串的txt文件；

3）显示时，读取txt内的字符串拼接xml文件。

3、  现在解决“图1”的情况（图2待解决），即图片大小不大于20KB。

1）  在xt_user表添加base64photo（varchar）字段，用来保存txt文件名

2）  在用户新增、编辑界面保存事件添加

//服务器保存文件夹
string strSaveDir = Server.MapPath("~" + ConfigurationSettings.AppSettings["upRootPathUser"]);
//上传图片文件名
        string filenames = DateTime.Now.ToString("yyyyMMddhhmmss") + photo.FileName;
//base64转码后txt文件名
        string base64filenames = DateTime.Now.ToString("yyyyMMddhhmmss")+(new Random(999)).ToString() + ".txt";
//判断是否上传图片
        if (photo.HasFile)
        {
            //保存图片到服务器
            photo.SaveAs(strSaveDir + filenames);           
            //Stream ImageInputStream = photo.PostedFile.InputStream;
            //string ss = ImgToBase64String(ImageInputStream);
            //判断上传图片大小
            if (photo.FileBytes.Length <= 20000)
            {
                //调用转码以及生成txt文件方法
                ImageToBase64Helper base64helper = new ImageToBase64Helper();
                base64helper.FileCreateWriteTxt(strSaveDir + base64filenames, base64helper.ImgToBase64String(photo.PostedFile.InputStream));
                //给相应字段赋值
                yhgl.Base64Photo = base64filenames;
                yhgl.Photo = filenames;
            }
            else 
            {
                Response.Write("<script>alert('电子签名图片大小不大于20KB！');</script>");
                return;
            }
        }

3）  新建图片转换base64编码类

using System;
using System.Data;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Drawing;
using System.IO;

/// <summary>
///ImageToBase64Helper 的摘要说明
/// </summary>
public class ImageToBase64Helper
{
    public ImageToBase64Helper()
    {
        //
        //TODO: 在此处添加构造函数逻辑
        //
    }

    
    /// <summary>
    ///   把图片文件转换为Base64编码值
    /// </summary>
    /// <param name="Imagefilename">Imagefilename客户端全路径例子：photo.PostedFile.Filename的值（这个例子里的值，需要设置浏览器启用“将文件上载到服务器并包含本地路径”）</param>
    /// <returns>Base64编码值</returns>
    public string ImgToBase64String(string Imagefilename)
    {
        try
        {
            Bitmap bmp = new Bitmap(Imagefilename);
            MemoryStream ms = new MemoryStream();
            bmp.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);
            byte[] arr = new byte[ms.Length];
            ms.Position = 0;
            ms.Read(arr, 0, (int)ms.Length);
            ms.Close();
            String strbaser64 = Convert.ToBase64String(arr);
            return strbaser64;
        }
        catch (Exception ex)
        {
            return "";
        }
    }

    
    /// <summary>
    /// 把图片文件转换为Base64编码值
    /// </summary>
    /// <param name="ImageInputStream">ImageInputStream控件photo.PostedFile.InputStream;</param>
    /// <returns>Base64编码值</returns>
    public string ImgToBase64String(Stream ImageInputStream)
    {
        try
        {
            Bitmap bmp = new Bitmap(ImageInputStream);
            MemoryStream ms = new MemoryStream();
            bmp.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);
            byte[] arr = new byte[ms.Length];
            ms.Position = 0;
            ms.Read(arr, 0, (int)ms.Length);
            ms.Close();
            String strbaser64 = Convert.ToBase64String(arr);
            return strbaser64;
        }
        catch (Exception)
        {
            return "";
        }
    }
    /// <summary>
    /// 创建文件，写入内容
    /// </summary>
    /// <param name="filepath"> 创建文件，文件全路径</param>
    /// <param name="txtContent">写入的内容</param>
    public void FileCreateWriteTxt(string filepath, string txtContent)
    {
        //string strSaveDir = Server.MapPath("~" + ConfigurationSettings.AppSettings["upRootPathUser"]);
        //string filename = DateTime.Now.ToString("yyyyMMddhhmmss") + ".txt";

        using (FileStream fs = new FileStream(filepath, FileMode.Create))
        {
            StreamWriter sw = new StreamWriter(fs, System.Text.Encoding.GetEncoding("GB2312"));
            //开始写入
            sw.Write(txtContent);
            //清空缓冲区
            sw.Flush();
            //关闭流
            sw.Close();
            fs.Close();
        }
    }
    /// <summary>
    /// 读取指定文件的内容
    /// </summary>
    /// <param name="filepath">文件全路径</param>
    /// <returns>文件内容</returns>
    public string FileReadTxt(string filepath)
    {
        //string strSaveDir = Server.MapPath("~" + ConfigurationSettings.AppSettings["upRootPathUser"]);

        using (StreamReader objReader = new StreamReader(filepath))
        {
            string sLine = "";
            sLine = objReader.ReadToEnd();
            objReader.Close();
            return sLine;
        }
    }
}

4）  在显示页拼接xml文件格式如图1

/// <summary>
    /// 初始化数据
    /// </summary>
    protected void initData()
    {
        string file_name = Server.MapPath("../Excel/" + "TPCS.xml");
        XmlDocument xml = new XmlDocument();
        xml.Load(file_name);
        if (xml != null)
            hidXML.Value = xml.OuterXml;
        string strXml = "";
        string strImageXml = "<Images>";


        string strSaveDir = Server.MapPath("~" + ConfigurationSettings.AppSettings["upRootPathUser"]);
        string strsql = " select top 1 base64photo from xt_user where id=1 ";
        DataRow dr = general.SelectQuery(strsql);
 //给定单元格添加上图片Image1要与image定义的Key一致
        strXml += "<Cell Row='1' Col='1' HasImage='True'>Image1</Cell>";
        //拼接图片组，关联Key与图片编码文件内容，通过FileReadTxt获取图片编码
        strImageXml += "<Image Key='Image1'>" + base64helper.FileReadTxt(strSaveDir + dr["base64photo"].ToString()) + "</Image></Images>";

        hidXML.Value = hidXML.Value.Replace("</Cells>", strXml.Replace("&nbsp;", "") + "</Cells>");
        hidXML.Value = hidXML.Value.Replace("</Cells>", "</Cells>" + strImageXml.Replace("&nbsp;", ""));
        string strScript = "<script language=" + "'vbscript'" + ">LoadXml()</script>";
        Page.ClientScript.RegisterStartupScript(GetType(), "", strScript);
}

待解决问题

1）  图片大小大于20KB的处理（不清楚FlexCell怎么截断base64编码串分成几段Part）。

2）  图片转换Base64编码显示，用在html中时有的浏览器不支持，FlexCell是否也存在类似情况不知道。