【问题标题】:C# WPF convert BitmapImage pasted in richtextbox to binaryC# WPF 将 Richtextbox 中粘贴的 BitmapImage 转换为二进制
【发布时间】:2010-12-21 15:55:08
【问题描述】:

我有一个富文本框,我计划将其保存到数据库中,可以将其加载回同一个富文本框。我已经让它工作了,这样我就可以将流文档保存为 DataFormats.XamlPackage,它可以保存图像,但问题是文本不可搜索。使用 DataFormats.Xaml,我当然有文本,但没有图像。图像将由最终用户粘贴,而不是应用程序中包含的图像。

我尝试使用 XamlWriter 将文本转换为 XML,然后分别从文档中获取图像并将它们作为二进制文件插入 XML,但我似乎找不到将图像转换为二进制文件的方法。 .

有没有人知道如何将图像转换为二进制,与文本分开?

提前致谢!

GetImageByteArray() 是问题所在。

代码:

private void SaveXML()
{
            TextRange documentTextRange = new TextRange(richTextBox.Document.ContentStart, richTextBox.Document.ContentEnd);
            FlowDocument flowDocument = richTextBox.Document;
using (StringWriter stringwriter = new StringWriter())
                {
                    using (System.Xml.XmlWriter writer = System.Xml.XmlWriter.Create(stringwriter))
                    {
                        XamlWriter.Save(flowDocument, writer );
                    }

                    testRTF t = new testRTF();
                    t.RtfText = new byte[0];
                    t.RtfXML = GetImagesXML(flowDocument);
                    t.RtfFullText = stringwriter.ToString();
                    //save t to database
                }
                richTextBox.Document.Blocks.Clear();
}


private string GetImagesXML(FlowDocument flowDocument)
        {

            using (StringWriter stringwriter = new StringWriter())
            {
                using (System.Xml.XmlWriter writer = System.Xml.XmlWriter.Create(stringwriter))
                {

                    Type inlineType;
                    InlineUIContainer uic;
                    System.Windows.Controls.Image replacementImage;
                    byte[] bytes;
                    System.Text.ASCIIEncoding enc;

                    //loop through replacing images in the flowdoc with the byte versions
                    foreach (Block b in flowDocument.Blocks)
                    {
                        foreach (Inline i in ((Paragraph)b).Inlines)
                        {
                            inlineType = i.GetType();

                            if (inlineType == typeof(Run))
                            {
                                //The inline is TEXT!!!
                            }
                            else if (inlineType == typeof(InlineUIContainer))
                            {
                                //The inline has an object, likely an IMAGE!!!
                                uic = ((InlineUIContainer)i);

                                //if it is an image
                                if (uic.Child.GetType() == typeof(System.Windows.Controls.Image))
                                {
                                    //grab the image
                                    replacementImage = (System.Windows.Controls.Image)uic.Child;

                                    //get its byte array
                                    bytes = GetImageByteArray((BitmapImage)replacementImage.Source);
                                    //write the element
                                    writer.WriteStartElement("Image");
                                    //put the bytes into the tag
                                    enc = new System.Text.ASCIIEncoding();
                                    writer.WriteString(enc.GetString(bytes));
                                    //close the element
                                    writer.WriteEndElement();
                                }
                            }
                        }
                    }
                }

                return stringwriter.ToString();
            }
        }


//This function is where the problem is, i need a way to get the byte array
        private byte[] GetImageByteArray(BitmapImage bi)
        {
            byte[] result = new byte[0];
                    using (MemoryStream ms = new MemoryStream())
                    {
                        XamlWriter.Save(bi, ms);
                        //result = new byte[ms.Length];
                        result = ms.ToArray();
                    }
            return result;
}

更新

我想我可能终于找到了解决方案,我将在下面发布。它使用 BmpBitmapEncoder 和 BmpBitmapDecoder。这使我可以从位图图像中获取二进制文件,将其存储到数据库中,然后将其重新加载并直接显示回 FlowDocument。初步测试证明是成功的。出于测试目的,我绕过了我的数据库步骤,基本上通过创建二进制文件来复制图像,然后将二进制文件转换为新图像并将其添加到 FlowDocument 中。唯一的问题是,当我尝试使用修改后的 FlowDocument 并使用 XamlWriter.Save 函数时,它会在新创建的图像上出错,并显示“无法序列化非公共类型 'System.Windows.Media.Imaging.BitmapFrameDecode”。这将需要进一步调查。不过我得先别管它了。

private void SaveXML()
        {
            TextRange documentTextRange = new TextRange(richTextBox.Document.ContentStart, richTextBox.Document.ContentEnd);
            FlowDocument flowDocument = richTextBox.Document;

            string s = GetImagesXML(flowDocument);//temp
            LoadImagesIntoXML(s);

                using (StringWriter stringwriter = new StringWriter())
                {
                    using (System.Xml.XmlWriter writer = System.Xml.XmlWriter.Create(stringwriter))
                    {
                        XamlWriter.Save(flowDocument, writer );//Throws error here
                    }

                }
}

private string GetImagesXML(FlowDocument flowDocument)
        {
            string s= "";

            using (StringWriter stringwriter = new StringWriter())
            {


                    Type inlineType;
                    InlineUIContainer uic;
                    System.Windows.Controls.Image replacementImage;
                    byte[] bytes;
                    BitmapImage bi;

                    //loop through replacing images in the flowdoc with the byte versions
                    foreach (Block b in flowDocument.Blocks)
                    {
                        foreach (Inline i in ((Paragraph)b).Inlines)
                        {
                            inlineType = i.GetType();

                            if (inlineType == typeof(Run))
                            {
                                //The inline is TEXT!!!
                            }
                            else if (inlineType == typeof(InlineUIContainer))
                            {
                                //The inline has an object, likely an IMAGE!!!
                                uic = ((InlineUIContainer)i);

                                //if it is an image
                                if (uic.Child.GetType() == typeof(System.Windows.Controls.Image))
                                {
                                    //grab the image
                                    replacementImage = (System.Windows.Controls.Image)uic.Child;
                                    bi = (BitmapImage)replacementImage.Source;

                                    //get its byte array
                                    bytes = GetImageByteArray(bi);

                                    s = Convert.ToBase64String(bytes);//temp
                                }
                            }
                        }
                    }

                return s;
            }
        }

private byte[] GetImageByteArray(BitmapImage src)
        {
                MemoryStream stream = new MemoryStream();
                BmpBitmapEncoder encoder = new BmpBitmapEncoder();
                encoder.Frames.Add(BitmapFrame.Create((BitmapSource)src));
                encoder.Save(stream);
                stream.Flush();
            return stream.ToArray();
        }


private void LoadImagesIntoXML(string xml)
        {


            byte[] imageArr = Convert.FromBase64String(xml);
System.Windows.Controls.Image img = new System.Windows.Controls.Image()

MemoryStream stream = new MemoryStream(imageArr);
            BmpBitmapDecoder decoder = new BmpBitmapDecoder(stream, BitmapCreateOptions.None, BitmapCacheOption.Default);
            img.Source = decoder.Frames[0];
            img.Stretch = Stretch.None;

Paragraph p = new Paragraph();
            p.Inlines.Add(img);
            richTextBox.Document.Blocks.Add(p);
        }

【问题讨论】:

  • 可能希望将这篇文章的标题更改为更合适的名称...看来您真的在问如何获取 Image 对象的原始字节并将其存储在 Xml 文档中...
  • 谢谢,听起来不错,我试图尽可能具体,以防有人对如何实现完整保存文本和二进制图像的相同效果有其他想法,但我没有认为这很可能

标签: c# wpf serialization image richtextbox


【解决方案1】:

好消息。我不得不在其他方面工作一段时间,但这让我以一双新的眼睛回来。我很快意识到我可以结合我所知道的工作。我怀疑这个解决方案会赢得任何奖项,但它确实有效。我知道我可以使用 XamlReader 将 FlowDocument 包装为文本,保留图像元素但丢失图像数据。我还知道我可以使用 XamlFormat 将 FlowDocument 转换为二进制文件。所以我有了获取 FlowDocument 的想法,并使用我已经编写的函数来遍历它以查找图像,我获取每个图像,基本上克隆它并将克隆放入一个新的 FlowDocument 中。我将现在包含单个图像的新 FlowDocument 转换为二进制文件,然后将生成的二进制文件转换为 base64 字符串并将其粘贴到原始 FlowDocument 中图像的标记属性中。这会将原始 FlowDocument 中的图像数据保留为文本。这样,我可以将带有图像数据(我称之为 SUBString 格式)的 FlowDocument 传递到 XamlReader 以获取可搜索的文本。当它从数据库中出来时,我像往常一样将 FlowDocument 从 Xaml 中提取出来,然后遍历每个图像,使用 XamlFormat 从标记属性中提取数据,然后创建另一个克隆图像来为我的实际提供 Source 属性图片。我在下面提供了获取 SUBString 格式的步骤。

/// <summary>
    /// Returns a FlowDocument in SearchableText UI Binary (SUB)String format.
    /// </summary>
    /// <param name="flowDocument">The FlowDocument containing images/UI formats to be converted</param>
    /// <returns>Returns a string representation of the FlowDocument with images in base64 string in image tag property</returns>
    private string ConvertFlowDocumentToSUBStringFormat(FlowDocument flowDocument)
    {
        //take the flow document and change all of its images into a base64 string
        FlowDocument fd = TransformImagesTo64(flowDocument);

        //apply the XamlWriter to the newly transformed flowdocument
        using (StringWriter stringwriter = new StringWriter())
        {
            using (System.Xml.XmlWriter writer = System.Xml.XmlWriter.Create(stringwriter))
            {
                XamlWriter.Save(flowDocument, writer);
            }
            return stringwriter.ToString();
        }
    }

    /// <summary>
    /// Returns a FlowDocument with images in base64 stored in their own tag property
    /// </summary>
    /// <param name="flowDocument">The FlowDocument containing images/UI formats to be converted</param>
    /// <returns>Returns a FlowDocument with images in base 64 string in image tag property</returns>
    private FlowDocument TransformImagesTo64(FlowDocument flowDocument)
    {
        FlowDocument img_flowDocument;
        Paragraph img_paragraph;
        InlineUIContainer img_inline;
        System.Windows.Controls.Image newImage;
        Type inlineType;
        InlineUIContainer uic;
        System.Windows.Controls.Image replacementImage;

        //loop through replacing images in the flowdoc with the base64 versions
        foreach (Block b in flowDocument.Blocks)
        {
            //loop through inlines looking for images
            foreach (Inline i in ((Paragraph)b).Inlines)
            {
                inlineType = i.GetType();

                /*if (inlineType == typeof(Run))
                {
                    //The inline is TEXT!!! $$$$$ Kept in case needed $$$$$
                }
                else */if (inlineType == typeof(InlineUIContainer))
                {
                    //The inline has an object, likely an IMAGE!!!
                    uic = ((InlineUIContainer)i);

                    //if it is an image
                    if (uic.Child.GetType() == typeof(System.Windows.Controls.Image))
                    {
                        //grab the image
                        replacementImage = (System.Windows.Controls.Image)uic.Child;

                        //create a new image to be used to get base64
                        newImage = new System.Windows.Controls.Image();
                        //clone the image from the image in the flowdocument
                        newImage.Source = replacementImage.Source;

                        //create necessary objects to obtain a flowdocument in XamlFormat to get base 64 from
                        img_inline = new InlineUIContainer(newImage);
                        img_paragraph = new Paragraph(img_inline);
                        img_flowDocument = new FlowDocument(img_paragraph);

                        //Get the base 64 version of the XamlFormat binary
                        replacementImage.Tag = TransformImageTo64String(img_flowDocument);
                    }
                }
            }
        }
        return flowDocument;
    }

    /// <summary>
    /// Takes a FlowDocument containing a SINGLE Image, and converts to base 64 using XamlFormat
    /// </summary>
    /// <param name="flowDocument">The FlowDocument containing a SINGLE Image</param>
    /// <returns>Returns base 64 representation of image</returns>
    private string TransformImageTo64String(FlowDocument flowDocument)
    {
        TextRange documentTextRange = new TextRange(flowDocument.ContentStart, flowDocument.ContentEnd);
        using (MemoryStream ms = new MemoryStream())
        {
            documentTextRange.Save(ms, DataFormats.XamlPackage);
            ms.Position = 0;
            return Convert.ToBase64String(ms.ToArray());
        }
    }

【讨论】:

    【解决方案2】:

    这是我已经提出的两个建议的示例代码,如果我的示例不起作用,则必须查看有效负载问题...

            // get raw bytes from BitmapImage using BaseUri and SourceUri
        private byte[] GetImageByteArray(BitmapImage bi)
        {
            byte[] result = new byte[0];
            string strImagePath = Path.Combine(Path.GetDirectoryName(bi.BaseUri.OriginalString), bi.UriSource.OriginalString);
            byte[] fileBuffer;
            using (FileStream fileStream = new FileStream(strImagePath, FileMode.Open))
            {
                fileBuffer = new byte[fileStream.Length];
                fileStream.Write(fileBuffer, 0, (int)fileStream.Length);
            }
            using (MemoryStream ms = new MemoryStream(fileBuffer))
            {
                XamlWriter.Save(bi, ms);
                //result = new byte[ms.Length];
                result = ms.ToArray();
            }
            return result;
        }
        // get raw bytes from BitmapImage using BitmapImage.CopyPixels
        private byte[] GetImageByteArray(BitmapSource bi)
        {
            int rawStride = (bi.PixelWidth * bi.Format.BitsPerPixel + 7) / 8;
            byte[] result = new byte[rawStride * bi.PixelHeight];
            bi.CopyPixels(result, rawStride, 0);
            return result;
        }
        private BitmapSource GetImageFromByteArray(byte[] pixelInfo, int height, int width)
        {
            PixelFormat pf = PixelFormats.Bgr32;
            int stride = (width * pf.BitsPerPixel + 7) / 8;
            BitmapSource image = BitmapSource.Create(width, height, 96, 96, pf, null, pixelInfo, stride);
            return image;
        }
    

    【讨论】:

    • 第一个似乎不起作用。 BaseUri 是“pack://payload:,,wpf2,/Xaml/Document.xaml”,UriSource 是“./Image1.bmp”。组合它们会产生“pack:\payload:,,wpf2,\Xaml\./Image1.bmp”。我尝试混合删除 Image1.bmp 路径中的点。甚至不确定那个点应该指向哪里。第二个解决方案看起来开始工作了,但是当字节数组返回时,当我尝试将它添加到 XML 时,我尝试对其进行 ascii 编码,我得到这个错误:'.',十六进制值 0x00,是无效字符。 (请参阅问题中的我的 GetImagesXML())
    • 我对 stride 属性不太熟悉。我知道它的图像宽度(以字节为单位),但您能简要解释一下该行中的数学运算,“+ 7”从何而来?谢谢
    • 弹出的错误是因为您使用ASCII编码将字节数组转换为其ASCII形式,尝试使用Convert.ToBase64String(/*byte[]*/)转换字节数组到 base64 字符串
    • 昨天我没能看很久。往返字节数组似乎可行,但是当我尝试将字节数组插入内存流并将该流分配给新的 bitmapImage 或使用 BitmapFrame.Create(stream, ...) 为 teh 创建 BitmapFrame Image.Source,我收到此错误,我将在今天进行调查。谢谢你的帮助。 “未找到适合完成此操作的成像组件。”
    • 它发生在 bi.EndInit() 中: byte[] imageArr = Convert.FromBase64String(xml); BitmapImage bi = new BitmapImage(); bi.BeginInit(); bi.CreateOptions = BitmapCreateOptions.None; bi.CacheOption = BitmapCacheOption.Default; bi.StreamSource = new MemoryStream(imageArr,0,imageArr.Length); bi.EndInit();
    【解决方案3】:

    将您的图像保存到 MemoryStream 并将该流写入您的 XML 文件。

    内存流会将其转换为 Byte[]。

    【讨论】:

    • 感谢托尼的回复。问题是图像是 System.Windows.Controls.Image 对象。我一直在层次结构中向下移动,但找不到字节存储在哪个子对象中。我尝试将 BitmapImage 对象保存到内存流中,但我得到的只是 xaml 标记。使用 (MemoryStream ms = new MemoryStream()) { XamlWriter.Save(bi, ms);结果 = ms.ToArray(); }
    • 结果:
    • 所以您只想在 XML 或 XAML 文件中对图像文件进行二进制编码?
    • Tony,这适用于在断开模式下运行的应用程序,并在本地保存数据,但在连接时,会将数据与云同步。用户粘贴到富文本框中的图像需要保存在本地,然后同步到云端。它们也可以从其他用户同步下来。将有成千上万的用户从 Richtextbox 创建许多文档。这些图像需要在用户粘贴它们的文档中保留它们的位置。将二进制文件放入 xml 将实现这一目标,同时保持图像存储低且文本可搜索。
    • 那么我的另一个建议是尝试 BitmapImage.CopyPixels 方法,该方法会将所有位图信息复制到一个数组中,然后您可以从中创建一个 MemoryStream ...
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-09-04
    • 1970-01-01
    • 2020-09-20
    • 2019-03-18
    • 2017-07-04
    • 2012-12-26
    相关资源
    最近更新 更多