跳到主要内容

加载完成

监听 iframe 页面加载完成后,方可传入上传器配置,参考配置

数据结构

interface EventPageReady {
// 事件标识
type: 'tezign-asset-uploader-ready';
data: {
// 事件描述
msg: string;
};
}

示例

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<title>素材选择器父页面</title>
</head>
<body>
<script>
const receiveMessage = (event) => {
const iframe = document.getElementById('iframe');
if (!iframe || event.source !== iframe.contentWindow) {
// 判断是否为当前iframe发出的消息
return;
}

if (event?.data?.type === 'tezign-asset-uploader-ready') {
// iframe 页面加载完成,可以传入配置参数
if (!iframe.contentWindow) {
return;
}
// 以下进行tezign-asset-uploader-config配置......
}
};
window.addEventListener('message', receiveMessage, false);
</script>
<iframe src=`{authUrl}?aesUserInfo={encodeURIComponent(经过 aesKey
加密的用户信息)}&targetUrl={encodeURIComponent({domain}/dam_enterprise/asset-uploader)}`
id="iframe" />
</body>
</html>