带登录跳转的图片链接直接访问及Power BI嵌入方案咨询

1. 生成带授权的直接图片链接 #

图片需要登录验证的核心原因是请求缺少身份凭证，你可以通过平台官方的授权机制生成无需跳转的直接链接：

• 若图片存储在企业平台（如SharePoint、OneDrive、AWS S3），登录后找到图片的「生成嵌入链接」「创建预签名URL」选项，选择「直接访问」权限，用新生成的链接替换CSV里的原始地址，这类链接自带权限验证，可直接打开或嵌入。
• 若是自定义系统的图片，联系管理员获取带身份参数的图片接口（比如URL后拼接?token=有效凭证），或支持直接返回图片二进制流的API。

2. Power BI直接显示的配置方法 #

如果无法替换URL，可通过Power Query带凭证请求图片：

1. 打开Power Query编辑器，新建自定义函数：

let
    GetAuthenticatedImage = (ImageURL as text) =>
        let
            // 根据实际验证方式调整，比如Windows域用UseSystemCredentials=true
            Source = Web.Contents(ImageURL, [Headers=[Authorization="Bearer 你的有效令牌"], ManualCredentials=true])
        in
            Source
in
    GetAuthenticatedImage

2. 将CSV中的图片URL列作为参数传入该函数，把返回的二进制数据设置为「图像」数据类型，加载到报表后即可直接显示，无需跳转。

3. HTML页面嵌入方案 #

通过JS请求时带上凭证，再渲染图片：

• 用fetch API携带令牌请求图片，将返回的Blob转为图片地址：

async function renderImage(imageUrl, token) {
    const res = await fetch(imageUrl, {
        headers: { 'Authorization': `Bearer ${token}` }
    });
    const blob = await res.blob();
    const img = document.createElement('img');
    img.src = URL.createObjectURL(blob);
    document.getElementById('image-container').appendChild(img);
}
// 调用示例：传入图片链接和登录后获取的令牌
renderImage('你的图片URL', '登录令牌');

• 若图片和页面同域名且基于Cookie验证，浏览器会自动携带会话Cookie，无需手动添加请求头。

重要提示 #

所有合法方案都基于平台提供的授权机制，不要尝试利用漏洞绕过登录，这违反权限规则且存在安全风险。优先查看图片存储平台的官方嵌入/共享文档，大部分平台都有直接嵌入的官方方案。

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