Adding multiple images to a word document at a specific locations OpenXML

Question

I am using Office Open XML and I have to add images at a specific points. On the document I have a 'tag' so I can locate it just fine. However, when I add more than one image, it corrupts the file.

Here's my code: (Modified from https://msdn.microsoft.com/en-us/library/office/bb497430.aspx)

Using:

using DocumentFormat.OpenXml.Wordprocessing;
using A = DocumentFormat.OpenXml.Drawing;
using DW = DocumentFormat.OpenXml.Drawing.Wordprocessing;
using PIC = DocumentFormat.OpenXml.Drawing.Pictures;

My Main:

private const string Loc = @"D:\Documents\2-Mass Output.docx";
static void Main(string[] args)
{
    var images = new[]
    {
        @"D:\Documents\NPL.bmp",
        @"D:\Documents\NVT.bmp",
        @"D:\Documents\MPL.bmp",
        @"D:\Documents\MVT.bmp"
    };
    var tags = new[]
    {
        "NormalGraph1",
        "NormalGraph2",
        "MisGraph1",
        "MisGraph2"
    };

    InsertPicture(Loc, images, tags);
}

Here are the methods:

/// 
/// Inserts a picture in a paragraph with a specific text
/// 
/// Where the file is located
/// Name of the image file
/// Insert Image in the first paragraph that contains this text
public static void InsertPicture(string document, string[] fileName, string[] tag)
{
    using (var wordprocessingDocument = WordprocessingDocument.Open(document, true))
    {
        var mainPart = wordprocessingDocument.MainDocumentPart;

        for (var i = 0; i < fileName.Length; i++)
        {
            var imagePart = mainPart.AddImagePart(ImagePartType.Bmp);
            using (var stream = new FileStream(fileName[i], FileMode.Open))
            {
                imagePart.FeedData(stream);
            }
            AddImageToBody(wordprocessingDocument, mainPart.GetIdOfPart(imagePart), tag[i]);
        }
    }
}

private static void AddImageToBody(WordprocessingDocument wordDoc, string relationshipId, string tag)
{
    // Define the reference of the image.
    var element =
            new Drawing(
                new DW.Inline(
                    new DW.Extent { Cx = 5d.Inches(), Cy = 2.66.Inches() }, // Width and Height of the image in inches. 1" = 1000000L
                    new DW.EffectExtent
                    {
                        LeftEdge = 0L,
                        TopEdge = 0L,
                        RightEdge = 0L,
                        BottomEdge = 0L
                    },
                    new DW.DocProperties
                    {
                        Id = 1U,
                        Name = tag // Make sure all of the images have a different name
                    },
                    new DW.NonVisualGraphicFrameDrawingProperties(
                        new A.GraphicFrameLocks { NoChangeAspect = true }),
                    new A.Graphic(
                        new A.GraphicData(
                            new PIC.Picture(
                                new PIC.NonVisualPictureProperties(
                                    new PIC.NonVisualDrawingProperties
                                    {
                                        Id = (UInt32Value)0U,
                                        Name = $"{tag}.bmp" // Make sure all of the images have a different name
                                    },
                                    new PIC.NonVisualPictureDrawingProperties()),
                                new PIC.BlipFill(
                                    new A.Blip(
                                        new A.BlipExtensionList(
                                            new A.BlipExtension
                                            {
                                                Uri = "{28A0092B-C50C-407E-A947-70E740481C1C}"
                                            })
                                    )
                                    {
                                        Embed = relationshipId,
                                        CompressionState = A.BlipCompressionValues.Print
                                    },
                                    new A.Stretch(
                                        new A.FillRectangle())),
                                new PIC.ShapeProperties(
                                    new A.Transform2D(
                                        new A.Offset { X = 0L, Y = 0L },
                                        new A.Extents { Cx = 5d.Inches(), Cy = 2.66.Inches() }), // Width and Height of the image in inches. 1" = 1000000L
                                    new A.PresetGeometry(
                                        new A.AdjustValueList()
                                    )
                                    { Preset = A.ShapeTypeValues.Rectangle }))
                        )
                        { Uri = "http://schemas.openxmlformats.org/drawingml/2006/picture" })
                )
                {
                    DistanceFromTop = 0U,
                    DistanceFromBottom = 0U,
                    DistanceFromLeft = 0U,
                    DistanceFromRight = 0U,
                    EditId = "50D07946"
                });

    // Append the reference to the specific paragraph that contains the 'tag'.
    wordDoc.MainDocumentPart.Document.Body.Elements().FirstOrDefault(f => f.InnerText.Contains(tag))?.AppendChild(new Paragraph(new Run(element)));
}

Function for converting an inch into an inch according to Word:

private static long Inches(this double size)
{
    return (long) (size*1000000);
}

EDIT: Here are the contents of the header1.xml. They are the same before and after adding the images.


right-15797200
TV
A
 Number: 
<
TVCNum
>
Torsional Vibration 
Analysis
Customer: 
<Customer>


Performed 
By
: 
<User>
-7487417382200
Customer Ref. â€“ No.  
 
<
CustRef
>

Mahwah
,
 NJ
 
-
 
<Date>

petelids · Accepted Answer

I can see 3 issues with the code you've posted but I'm not sure why you would only see an error if you output more than one image.

The first issue is the Id of the DocProperties. The Id property should be unique amongst all of the DocProperties in the document.

new DW.DocProperties
{
    Id = 1U, //this should be unique amongst ALL DocProperties within the document
    Name = tag // Make sure all of the images have a different name
},

The second issue is very similar; the Id of each of the NonVisualDrawingProperties should also be unique across each NonVisualDrawingProperties instance.

Note that in both cases you will need these values to be unique from the values that already exist in your header. From the header XML that you posted you can see that you already have instances of those properties:

and

Finally, the third issue I can see is in the code where you add the element. In that code you are finding the Paragraph that contains the tag and then appending a Paragraph to the existing Paragraph. A Paragraph is not allowed to be a child of another Paragraph. Instead, you should just add the Run to the existing Paragraph like so:

wordDoc.MainDocumentPart.Document.Body.Elements().FirstOrDefault(f => f.InnerText.Contains(tag))?.AppendChild(new Run(element));

or, if you need the separate paragraphs then add the Paragraph after the tag Paragraph against the same Parent node:

var tagNode = wordDoc.MainDocumentPart.Document.Body.Elements().FirstOrDefault(f => f.InnerText.Contains(tag));
if (tagNode != null)
{
    tagNode.Parent.InsertAfter(new Run(element), tagNode);
}

Adding multiple images to a word document at a specific locations OpenXML

Answers (2)

Related Questions