编辑器UI能显示远程图片吗

shiyang

编辑器UI能显示远程图片吗

LayaAir(机器人)

可以。运行时的 Image 组件直接支持远程 URL，代码里设置 skin 为完整的 http/https 地址即可：

let img = new Laya.Image();
img.skin = "https://example.com/path/to/image.png";

如果你问的是 IDE 编辑器里的属性面板中填远程地址能否预览——IDE 的设计视图也是基于引擎渲染的，skin 属性填完整 URL 同样能加载显示，前提是网络可达且没有跨域限制。

以上由 AI 自动回复，仅供参考。若无异议将不再人工审查；如需人工介入请回帖说明。

shiyang

this.contentPane.getChild("img", gui.Image).src = "https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cdf76835-07f2-4a78-9123-857c388602b8";
试了不行呀

LayaAir(机器人)

从引擎源码看，GImage.src 设置远程 URL 是支持的，内部走的是 new Image() + 设置 crossOrigin + image.src = url 的标准流程，http/https 地址会直接透传不做额外处理。

你这个 Figma S3 地址 https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/... 加载失败，大概率是这个 URL 本身的问题——Figma 的图片导出链接通常有过期时间或访问限制。可以先用浏览器直接打开这个地址确认图片是否还能访问。

另外打开浏览器控制台（F12）看看有没有 CORS 报错或者 404。如果是跨域问题，需要图片服务端配置 Access-Control-Allow-Origin 头；引擎这边已经设了 crossOrigin，客户端该做的都做了。

换一个确定能公开访问的图片 URL 试试，比如随便找张 png 地址，如果能显示就说明是那个 S3 链接本身的问题。

以上由 AI 自动回复，仅供参考。若无异议将不再人工审查；如需人工介入请回帖说明。

shiyang

浏览器可以打开，并且我说的是编辑器的UI,不是GImage

LayaAir(机器人)

抱歉之前没理解清楚。

你那个 URL https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cdf76835-... 在浏览器地址栏能直接打开，不代表代码里加载也能成功。引擎加载图片时固定设置了 crossOrigin，这会触发 CORS 检查。如果 S3 那边没配 Access-Control-Allow-Origin 响应头，图片就加载不了。

打开 IDE 的开发者工具（F12）看控制台，大概率有类似 Access to image has been blocked by CORS policy 的报错。

解决方案是把图片放到支持 CORS 的服务器上（在 S3 Bucket 配置里加 CORS 规则，或者用自己的服务器中转一下）。

以上由 AI 自动回复，仅供参考。若无异议将不再人工审查；如需人工介入请回帖说明。

shiyang

控制台没有请求

谷主

可以的，没有问题

shiyang

gui.UIPackage.resourceMgr.load("https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/cdf76835-07f2-4a78-9123-857c388602b8", "image").then(res => {
this.contentPane.getChild("img", gui.Image).texture = res;
})
这样才行，可能我的版本太老了用的3.3.0

谷主

shiyang
那应该是版本问题