Open XML in new window with javascript

Question

I would like to be able to view xml data using any browser's native xml formatting. Similar to opening a local xml file in a browser.

The xml data is stored as a string which javascript has access to.
I do not need anything else on the web page other than the xml data.

var xmlString = document.getElementById("xmlDivContent" + name).innerText; window.open("data:text/xml;charset=utf-8," + xmlString, "", "_blank");

I've searched around, extensively, for a solution to this problem...I'm not interested in using XSLT or any "home-rolled" formatting function because I just want to take advantage of the browser's built-in xml formatting.

Joshua Shaffer · Accepted Answer · 2019-05-17 21:02:26Z

10

This is possible using the Blob APIs:

let blob = new Blob(['<yourxmlstringhere></yourxmlstringhere>'], {type: 'text/xml'});
let url = URL.createObjectURL(blob);
window.open(url);
URL.revokeObjectURL(url); //Releases the resources

answered May 17, 2019 at 21:02

Joshua Shaffer

1161 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Will Knight · Accepted Answer · 2018-02-14 14:25:41Z

0

This used to be achievable by simply creating a data URL containing the encoded xml information. Most browsers, notably Chrome, do not support this functionality in a ticket described here: Intent to Deprecate and Remove: Top-frame navigations to data URLs

In this post they detail the possible alternatives as:

Generate the file on the backend and send it to the user over http/https.
Initiate a download instead of displaying the URL.
If the contents of the URL is trusted, iframe the URL so that the omnibox displays the site's URL.

I ended up downloading the xml. If someone could come up with a solution for displaying the XML contents in an iframe (using a browser's native xml formatting, that would be a nice improvement)

answered Feb 14, 2018 at 14:25

Will Knight

532 silver badges6 bronze badges

2 Comments

mautrok Over a year ago

How do you dowloaded it?

Will Knight Over a year ago

@mautrok using javascript. I placed the xml on the page as plain text in a small (ish) div and used javascript to download that div.InnerText content into a file

Collectives™ on Stack Overflow

Open XML in new window with javascript

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related