JavaScript 经典实例：第三版

364

｜

第

13

章

const

img = document.getElementById('result');

img.src = URL.createObjectURL(blob);

}

fetchImage();

</script>

</body>

</html>

13.7.3

讨论

CORS

规范的一个优势是在

fetch

请求中支持二进制数据（也叫类型化数组）。二进

制请求的关键一点是把响应类型设为下面两个值中的一个。

arraybuffer

固定长度的原始二进制数据缓冲。

blob

类似文件的不可变原始数据。

在方案中，笔者使用

URL.createObjectURL()

方法把

blob

转换为

DOMString

（一

般对应

JavaScript

字符串），获取对象的

URL

，再把

img

元素的

src

属性设为该

URL

。

当然，我们可以直接把

src

属性设为

PNG

文件的

URL

。然而，很多技术都需要处

理二进制数据，例如

Web Workers

和

WebGL

。

13.8

跨域共享

HTTP cookie

13.8.1

问题

你想通过授信请求（包含

HTTP cookie

和身份验证信息）访问另一个域名下的资源。

13.8.2

方案

若想发送授信请求，客户端和服务器端应用都要做一些修改。在下述示例中，客户

获取远程数据 ...