为什么我可以获取数据 URI？

Question

为什么 `fetch()` 适用于数据 URI？

不久前，当我学习如何使用 XMLHttpRequest 和 fetch 时，我完全没有看到任何文档说明这些方法可以用于除 HTTP 请求之外的任何东西。我在 Firefox 和 Chrome 上都试过了，结果相同。自己试试吧。

(async function() {
  let dataURI = 'data:text/plain,' + encodeURIComponent('Why does this work?'),
  fetchResponse = await fetch(dataURI),
  fetchBlob = await fetchResponse.blob();
  console.log(URL.createObjectURL(fetchBlob));
})()

下面的代码最终简化了数据 URI 到 blob 的转换，而不是像 this question:

await(await fetch('data:text/plain,42').blob()

Answer 1

如果请求方法为 GET、data:、file: 和 http[s]:，则提取算法允许向 about:blank、blob: 发出请求。 source

由于 XMLHTTPRequest 执行同源请求，它甚至还有进一步的限制，与 data: 无关，但我在 this answer.[=19 中进行了描述=]

因此获取 data: URI 是完全有效的，它甚至是将此类 URI 转换为 Blob 的常用方法。

为什么我可以获取数据 URI？

Why can I fetch data URIs?

javascript

blob

data-uri

为什么 `fetch()` 适用于数据 URI？

为什么我可以获取数据 URI？

Why can I fetch data URIs?

javascript

blob

data-uri

为什么 fetch() 适用于数据 URI？

为什么 `fetch()` 适用于数据 URI？