如何使用 ajax 下载 Dropbox 中的文件

Question

您好，我正在尝试使用 ajax 在 Dropbox 中下载特定文件，控制台的响应是 XHR finished loading: GET "https://content.dropboxapi.com/2/files/download".

但第二个反应是这样的

%PDF-1.4
%����
428 0 obj
<</Linearized 1/L 905827/O 431/E 99933/N 10/T 897151/H [ 1556 680]>>
endobj

xref
428 63
0000000016 00000 n
0000002418 00000 n
0000002599 00000 n
0000002635 00000 n
0000003049 00000 n
0000003204 00000 n
0000003357 00000 n
0000003511 00000 n
0000003665 00000 n
0000003819 00000 n
0000003973 00000 n
0000004126 00000 n
0000004280 00000 n
0000004434 00000 n
0000004586 00000 n
0000004741 00000 n
0000004896 00000 n
0000005051 00000 n
0000005190 00000 n
0000005329 00000 n
0000005468 00000 n
0000005607 00000 n
0000005746 00000 n
0000006256 00000 n
0000006370 00000 n
0000006802 00000 n
0000007313 00000 n
0000017758 00000 n
0000026875 00000 n
0000037078 00000 n
0000046557 00000 n
0000055897 00000 n
0000066128 00000 n
0000066620 00000 n
0000067209 00000 n
0000067661 00000 n
0000067749 00000 n
0000068102 00000 n
0000068646 00000 n
0000069067 00000 n
0000078729 00000 n
0000088722 00000 n
0000088794 00000 n
0000088866 00000 n
0000088938 00000 n
0000089010 00000 n
0000089082 00000 n

还有一些随机字符，我想知道我只是将其转换为文本？

这是我的 ajax 响应

var url = 'https://content.dropboxapi.com/2/files/download';

$.ajax({
  url: url,
  type: 'GET',
  headers: {
   "Authorization": "Bearer AccessToken",
   "Dropbox-API-Arg": '{"path": "/Get Started with Dropbox.pdf"}'
  },
  success: function (data){
    console.log(data);
   },

  error: function (data){
    console.log(data);
  }
})

Answer 1

Ajax 不支持跨域调用。如果您用于托管 ajax 脚本的域与 ajax url 域不同，那么您的代码将无法工作。

Answer 2

也许我理解错了，但你想解析 pdf 结果吗？

要创建 Dropbox 文件的下载链接，您可以执行以下操作：

success: function(data) {
  var file = new Blob([data]);
  var aLink = document.createElement('a');
  aLink.href = window.URL.createObjectURL(blob);
  aLink.download = "file_" + new Date() + ".pdf";
  aLink.click();
}