当前位置: 首页 > 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>
http://www.xdnf.cn/news/713953.html

相关文章:

  • 02.K8S核心概念
  • JVM Full GC 频繁问题排查、优化及解决方案
  • ansible template 文件中如果包含{{}} 等非ansible 变量处理
  • git reset --hard HEAD~1与git reset --hard origin/xxx
  • CentOS_7.9 2U物理服务器上部署系统简易操作步骤
  • 人工智能100问☞第36问:什么是BERT?
  • 第5讲、Odoo 18 CLI 模块源码全解读
  • 跨架构镜像打包问题及解决方案
  • 棋盘问题(放置棋子)
  • ranges属性验证
  • 逻辑回归详解:从原理到实践
  • notion搭建个人知识管理库
  • 利用Python制作环保志愿者招募海报
  • 设计师如何搭建自己的素材库?
  • useRef、useForwardRef 和 useImperativeHandle
  • SpringSecurity
  • 深入了解 C# 异步编程库 AsyncEx
  • Minimax-speech-hd
  • Qt DateTimeEdit(时间⽇期的微调框)
  • 【QQ音乐】sign签名| data参数加密 | AES-GCM加密 | webpack实战 (下)
  • ElasticSearch简介及常用操作指南
  • TypeScript中?和!号用法
  • Asp.Net Core 托管服务
  • Cannot find any provider supporting AES/ECB/PKCS7Padding
  • 智能外呼系统中 NLP 意图理解的工作原理与技术实现
  • 【前端】Vue3 中实现两个组件的动态切换保活
  • 制造企业生产数据分析全解析:5大类数据定义、分析方法与落地指南
  • 【Oracle】DCL语言
  • 【深度学习新浪潮】什么是混合精度分解?
  • Docker常用命令操作指南(一)