如何在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编码的图片内容,可按以下步骤操作:
- 通过上述接口获取临时下载URL
- 发起GET请求下载图片的二进制Blob数据
- 使用前端
FileReader或后端语言(比如Python的base64.b64encode)将Blob转换为Base64字符串 - 拼接成
data:image/png;base64,{base64字符串}格式,填入<img>的src属性
注意事项
- 临时链接有有效期,若需长期展示图片,建议定期刷新链接,或把图片转存到自有静态资源服务中
- 确保请求令牌拥有
data:read权限,否则会返回权限错误
内容的提问来源于stack exchange,提问作者Gustavo da Costa e Silva
相关产品推荐
相关产品推荐

