可以用js将 外部链接文件.svg的代码解析出来吗

Question

比如

<input type="file"> 

加载一个svg文件

然后把这个svg文件的代码解析并返回

这个可以做到吗

Answer 1

通过 FileReader API 获取资源的内容即可，不过对浏览器的兼容性有一定的要求。下面是示例代码：

document.querySelector('input[type="file"]').addEventListener('change', function(e) {
    var file = e.target.files[0];
    if(!file) { return; }
    
    var reader = new FileReader();
    reader.onload = function(e) { console.log(e.target.result); }
    reader.readAsText(file);
});