Javascript - 从Dropbox加载图像返回403禁止错误

Question

我正在尝试从共享Dropbox文件夹中加载一系列图像，如下所示：

function getSprite(raw) {
    var sprt = new Image();
    sprt.crossOrigin = '';
    sprt.src = 'https://dl.dropboxusercontent.com/s/k1v7iv85vntx107/AABOD-CfE3A5sQo0RPPmRmmJa/ground1.png' + (raw ? '?raw=1' : '');
    return sprt;
}

该文件夹是共享的，Dropbox说“有链接的人可以查看”。我曾尝试对Google云端硬盘做同样的事情，但我在那里遇到了Cross Origin Error。

编辑：我只是试图单独分享其中一个文件，并且它有效。我现在必须对文件夹中的每个文件执行此操作吗？我想如果我只是共享文件夹，我应该可以访问它的所有内容。

错误消息：

GET https://dl.dropboxusercontent.com/s/k1v7iv85vntx107/AABOD-CfE3A5sQo0RPPmRmmJa/characters/triggerman/up.png?raw=1 403 (Forbidden)

Answer 1

我不认为这与JavaScript有很大关系。去隐身并查看它，因为我能看到的只是我浏览器中的403 error。

Answer 2

看起来你原来的共享链接是：

https://www.dropbox.com/sh/k1v7iv85vntx107/AABOD-CfE3A5sQo0RPPmRmmJa?dl=0

这是文件夹的共享链接。请注意，您不能直接修改它以获取该文件夹中单个文件的共享链接，这就是您在问题中尝试的内容。

要获取单个文件，您有以下几种选择：

1. 如您所述，通过Dropbox网站手动获取每个文件的共享链接。
2. 使用API​​单独但以编程方式获取每个文件的共享链接：https://www.dropbox.com/developers/documentation/http/documentation#sharing-create_shared_link_with_settings
3. 使用API​​通过指定文件夹中的路径来下载原始共享链接中的文件：https://www.dropbox.com/developers/documentation/http/documentation#sharing-get_shared_link_file这可能与您正在寻找的内容最接近。