You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在HTML中显示通过Data Management API上传至ACC Files的图片

解决方案

方法1:生成临时可访问链接

你可以调用Data Management API的获取版本内容接口,生成一个临时的直接访问URL,这个URL可直接作为<img>的src值:

  • 接口路径:GET /data/v1/projects/{projectId}/versions/{versionId}/content
  • 请求需携带有效的ACC OAuth令牌:Authorization: Bearer {token}
  • 接口返回的url字段就是临时下载链接,有效期约15分钟,直接填入<img src="返回的url">即可展示图片

方法2:转换为Base64格式

如果需要Base64编码的图片内容,可按以下步骤操作:

  1. 通过上述接口获取临时下载URL
  2. 发起GET请求下载图片的二进制Blob数据
  3. 使用前端FileReader或后端语言(比如Python的base64.b64encode)将Blob转换为Base64字符串
  4. 拼接成data:image/png;base64,{base64字符串}格式,填入<img>的src属性

注意事项

  • 临时链接有有效期,若需长期展示图片,建议定期刷新链接,或把图片转存到自有静态资源服务中
  • 确保请求令牌拥有data:read权限,否则会返回权限错误

内容的提问来源于stack exchange,提问作者Gustavo da Costa e Silva

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.11 02:34:54