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

Question

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

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

示例：我有一个名为“ star.svg”的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);

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