Javascript使用async加载本地.txt文件

时间:2018-05-07 14:23:08

标签: javascript function asynchronous fetch-api

我正在尝试使用异步函数在与我的项目相同的目录中加载.txt文件,但我无法在console.log中看到响应(文件的实际内容)。

我错过了什么?

  async function myFunct(file){
     try {
        fetch(file).then(function(res){
           return res;
        }).then(function(resp){
           console.log (resp);
        });
     } catch(e) {
        console.log("The Error: " + e);
     } finally {

     }
  }

  myFunct('./text.txt');

text.txt文件包含:

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora vero repudiandae dicta maxime quos temporibus labore exercitationem.

这是日志:

Response {type: "basic", url: "http://{project_path}/text.txt", redirected: false, status: 200, ok: true, …}
body:ReadableStream
locked:false
__proto__:Object
bodyUsed:false
headers:Headers {}
ok:true
redirected:false
status:200
statusText:"OK"
type:"basic"
url:"{project_path}/text.txt"
__proto__:Response

1 个答案:

答案 0 :(得分:4)

resResponse个对象。如果您需要文本,请致电.text()

    fetch(file).then(function(res){
       return res.text(); // change here
    }).then(function(resp){
       return resp; // your content here
    });