如何获取上传的SVG文件对象的内容

Question

我有一个文件输入，要求用户上传SVG文件。我想要做的是，一旦用户上传了SVG文件，我的javascript或jquery将能够将svg文件内容作为字符串获取，然后将其传递给PHP中的服务器。

我的问题是，如何在javascript或jquery中将svg文件的内容作为字符串获取？

示例：我有一个名为＆＃34; star.svg＆＃34;的svg文件。用户将其作为文件上传。 然后，javascript或jquery将能够获取star.svg的内容并输出为字符串：

<svg height="210" width="500">    <polygon points="100,10 40,198 190,78 10,78 160,198"
style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"/>   
Sorry, your browser does not support inline SVG. </svg>

Answer 1

您可以使用XMLSerializer将SVG文档（或元素及其子元素）转换为字符串。这将完成整个文件。

var s = new XMLSerializer();
var str = s.serializeToString(document);

或通过对元素的引用替换文档以执行元素及其子元素。