使用JavaScript设置Yandex Disk图片链接时遭遇403权限错误

问题原因 #

Yandex Disk的公开链接默认带有防盗链检测，当通过JavaScript动态设置img标签src时，浏览器会自动携带当前页面的Referer请求头，被Yandex服务器拦截后返回403未授权。

解决方案 #

1. 确保文件已正确发布 #

你的代码中y.publish(path)是必须步骤，只有发布后文件才会变为公开可访问状态。可以优化代码，确认发布成功：

def uploadYandexDisk(path, filename):
    try:
        y.upload(filename, path)
        # 执行发布并获取状态
        publish_result = y.publish(path)
        # 验证是否发布成功
        if not publish_result.get("public_key"):
            print("文件发布失败")
            return None
        # 获取有效的公开下载链接
        return y.get_download_link(path)
    except Exception as e:
        print(e)
        return None

2. 绕开防盗链检测 #

方法A：通过Fetch获取Blob构造本地URL

使用JavaScript的fetch请求图片资源，构造本地Object URL赋值给img的src，避免携带Referer：

async function loadYandexImage(imgEl, yandexUrl) {
    try {
        const res = await fetch(yandexUrl, {
            headers: { 'Referer': '' } // 强制空Referer，多数浏览器支持
        });
        const blob = await res.blob();
        imgEl.src = URL.createObjectURL(blob);
        // 图片加载完成后释放URL资源
        imgEl.onload = () => URL.revokeObjectURL(imgEl.src);
    } catch (err) {
        console.error('图片加载失败:', err);
    }
}

// 使用示例
const myImg = document.getElementById('target-img');
loadYandexImage(myImg, '你的Yandex Disk下载链接');

方法B：构造无防盗链的直接下载链接

从发布结果中提取public_key，构造Yandex的直接下载CDN链接，这类链接通常不检查Referer：

def uploadYandexDisk(path, filename):
    try:
        y.upload(filename, path)
        publish_result = y.publish(path)
        public_key = publish_result.get("public_key")
        if not public_key:
            print("文件发布失败")
            return None
        # 构造支持在线预览的直接下载链接
        download_link = f"https://downloader.disk.yandex.ru/disk/{public_key}?disposition=inline"
        return download_link
    except Exception as e:
        print(e)
        return None

3. 替代方案 #

如果上述方法仍无法解决，可以更换支持跨域无限制的图床服务，比如Imgur、Cloudinary等，这类平台的图片链接通常不会限制Referer来源。

内容的提问来源于stack exchange，提问作者Enx