Sending Diagram to server

[John]

In our project we have a web page that produces a diagram on screen; we would like to take this diagram and place it in a report. The report is generated on our server and the diagram is obviously shown in the browser on the client computer.

My question is, is there a way of taking the current view and sending it to the server and may be storing it in the database as a BLOB image? If I can do this then I will be able to insert the image in to the reports I generate/build.

[Georgi Denchev]

Hello, John,

You can export the Diagram to several different formats, including an image. The approach is showcased in the advanced export demo:

        $(".export-img").click(function() {
            var diagram = $("#diagram").getKendoDiagram();
            diagram.exportImage().done(function(data) {
                kendo.saveAs({
                    dataURI: data,
                    fileName: "diagram.png",
                    proxyURL: "https://demos.telerik.com/kendo-ui/service/export"
                });
            });
        });

Instead of saving the image, you can send the data over to the server for later usage. After that you can use the base64 string(the data) to render the image wherever you need it. For example if we are talking about the web, you can use the following approach to convert base64 to an image and append it to the body of the page:

              let image = new Image();
              image.src = data;
              $("body").append(image);

Best Regards,
Georgi Denchev
Progress Telerik