javascript - 如果我向文件发出 ajax GET 请求，我到底会返回什么以及如何将其添加到页面？

Question

如果我使用 ajax 请求文件而不是页面，我到底会得到什么返回，以及如何将其添加到页面？

例如，

$.get('myfile.png', function(data) {console.log(data) // buncha jibberish .. 

或

    $.get('mybigfile.pdf', function(data) {console.log(data) // buncha jibberish .. 

如果我将其打印到控制台，我会得到如下内容:

1828 0 obj <</Linearized 1/L 1194678/O 1831/E 20241/N 88/T 1158069/H [ 2899 1915]>> endobj
xref 1828 127 0000000016 00000 n 0000005025 00000 n 0000005397 00000 n 0000005555 00000 n 0000005811 00000 n 0000006374 00000 n 0000006412 00000 n 0000006635 00000 n 0000006713 00000 n 0000007168 00000 n 0000007612 00000 n 0000007841 00000 n 0000010512 00000 n 0000010586 00000 n 0000010715 00000 n 0000010806 00000 n......

如何嵌入我请求的文件？

Answer 1

您将返回与该页面对应的数据。如果该页面是 html 页面，您将返回 html 源代码。同样，在您的情况下，您将获得一个作为二进制对象获得的文件(png/pdf)。如果它是文件或者具体是图像，您可以尝试将其转换为 blob，您可以将其转换为 base64 并将其显示到 Canvas 中