无法从简单的提取中创建 blob [重复]

Question

我需要使用来自节点服务器的获取来设置<img> 标记的src 属性。

function fetchPicture(path) {
  fetch(path)
    .then(function(response) {
      return response.blob();
    })
    .then(function(myBlob) {
      return window.URL.CreateObjectURL(myBlob);
    });
}

但是，在处理我的.then(response) 中的承诺时，我得到一个 pathToMyHTMLFile/undefined 的文件未找到异常。

我的路径是 http://localhost:8080/Images/fig3.png 类型，响应的状态是 200。

任何提示将不胜感激！

Answer 1

您的函数不返回任何内容。您正在从回调函数返回 URL，但这不会自动冒泡。相反，该函数应该返回整个 fetch Promise，然后在调用时异步处理它，例如 fetchPicture('http://url.path.here').then(url => image.src = url) 或类似的。