Angular4根据url地址读取到文件中的内容

有时候我们需要读取到一个文件中的内容并使用一个对象存储起来,等到需要使用的时候再使用,那么我们如何根据文件的url地址手动解析它呢?在网上找了多种方案尝试了一下都不尽人意,最后我使用如下的代码解决这个问题:

   var request = new XMLHttpRequest();
    //通过url获取文件,第二个选项是文件所在的具体地址
    request.open('GET', 'https://xxx.xxx', true);
    request.send(null);
    request.onreadystatechange = ()=> {
  if (request.readyState === 4 && request.status === 200) {
      var type = request.getResponseHeader('Content-Type');
            if (type.indexOf("text") !== 1) {
                //返回一个文件内容的对象
                return request.responseText;
            }
        }
    }

这段代码我是写在构造函数里,一旦组件一加载成功,这段代码就执行,你就可以在整个组件中使用这个对象进行你想要的操作,比如将这个对象上传到服务器上等等。

猜你喜欢

转载自blog.csdn.net/weixin_37504041/article/details/78292617