阅读 Fetch Promise 的正文

正文"/>

阅读 Fetch Promise 的正文

我有以下用于上传到谷歌云存储的快速端点。它工作得很好，来自 google api 的响应给了我一个唯一的文件名，我想将它传回我的前端：

app.post('/upload', (req, res) => {
  var form = new formidable.IncomingForm(),
  files = [],
  fields = [];

  form
    .on('field', function(field, value) {
      fields.push([field, value]);
    })
    .on('file', function(field, file) {
      files.push([field, file]);
    })
    .on('end', function() {
      console.log('-> upload done');
    });
  form.parse(req, function(err, fields, files){
    var filePath = files.file.path;
    bucket.upload(filePath, function(err, file, apiResponse){
      if (!err){
        res.writeHead(200, {'content-type': 'text/plain'});
        res.end("Unique File Name:" + file.name);
      }else{
        res.writeHead(500);
        res.end();
      }
    });
  });

 return;
});

我通过调用一个将文件传递给它的短函数来到达这个端点：

function upload(file) {
  var data = new FormData();
  data.append('file', file);
  return fetch(`upload`,{
    method: 'POST',
    body: data
  });
}

const Client = { upload };
export default Client;

这个函数是这样从我的前端调用的：

Client.upload(this.file).then((data) => {
  console.log(data);
});

最后的

console.log(data)

记录对控制台的响应。但是，我在任何地方都看不到我写的回复(

"Unique File Name:" + file.name

)

如何从客户端的响应正文中检索此信息？

当我控制台时，

data

看起来像这样。记录它：

这是我使用 Postman 将文件发布到端点时得到的响应：

回答如下：

注意你正在处理一个 Response 对象。您基本上需要使用 Response.json() 或

Response.text()

（或通过其他方法）

read

响应流才能查看您的数据。否则，您的响应主体将始终显示为锁定的可读流。例如：

fetch('https://api.ipify?format=json')
.then(response=>response.json())
.then(data=>{ console.log(data); })

如果这给您带来意想不到的结果，您可能需要使用 Postman 检查您的回复。