#Js篇:两个前端应用通过postMessage传递file对像
A前端发送
const onSendFile = () => {const targetWindow = window.open('http://10.28.105.231:9090');if (targetWindow) {setTimeout(() => {targetWindow.postMessage({ selectedFile: selectedFile.value }, '*');console.log(selectedFile.value);}, 500); // 延迟确保页面加载完成} else {alert('弹出窗口被浏览器拦截,请允许弹出窗口');}
}
B前端接收
<script>console.log(1111);alert(1111)window.addEventListener('message', (event) => {console.log('event: ', event);console.log(666,event.data); // { id: '123', name: 'Alice' }alert(JSON.stringify(event.data));});</script>