当前位置: 首页 > news >正文

#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>

相关文章:

  • Vue3实现提示文字组件
  • Wirtinger Flow算法的matlab实现和python实现
  • Cesium 8 ,在 Cesium 上实现雷达动画和车辆动画效果,并控制显示和隐藏
  • 【决策分析】基于Excel的多变量敏感性分析解决方案
  • 【C++】“多态”特性
  • 首发!PPIO派欧云上线DeepSeek-R1-0528-Qwen3-8B蒸馏模型
  • 使用微软最近开源的WSL在Windows上优雅的运行Linux
  • 非线性声学计算与强化学习融合框架:突破复杂环境人机交互的新技术
  • 【计算机网络】第2章:应用层—DNS
  • Xtreme Link 技术介绍
  • [探讨] 如何做好技术文档
  • 尚硅谷redis7 86 redis集群分片之3主3从集群搭建
  • 数字孪生技术赋能西门子安贝格工厂:全球智能制造标杆的数字化重构实践
  • OpenGL —— 2.9.1、摄像机之模拟CS鼠标视角转动,可切换线框模式显示(附源码,glfw+glad)
  • 塔能科技:为多行业工厂量身定制精准节能方案
  • 立志成为一名优秀测试开发工程师(第九天)——使用fiddler工具、request库进行接口测试
  • UniApp X:鸿蒙原生开发的机会与DCloud的崛起之路·优雅草卓伊凡
  • window 显示驱动开发-转换 Direct3D 固定函数状态(一)
  • LLaMaFactory - 支持的模型和模板 常用命令
  • Next.js路由导航完全指南