Encode svg image to base64 in javascript

Question

I have to encode svg images to base64 strings (for use in jsPDF ). I found this question which povides a way to do it using an svg element that's already in the DOM. But my svg images are in a folder on my server, and should not be displayed in the DOM.

Is there a way I can use this syntax

var s = new XMLSerializer().serializeToString(something)

with an external image file (say, 'images/picture.svg') ?

Answer 1

You could use JQuery to do that for example:

$.get("/my/nice/url/image.svg", function(data) {
  var s = new XMLSerializer().serializeToString(data.documentElement)
  console.log(s)
  ...
});