iframe嵌套上传文件

在这个例子中，父页面通过调用Angular的方法`onAngularFun`来实现上传文件的功能。\[1\]当文件被选择后，父页面会将文件数据通过`postMessage`方法发送给子页面。子页面通过监听`message`事件来接收父页面传来的值，并将base64格式的文件转换成文件格式。\[2\]然后，子页面将转换后的文件数据再次通过`postMessage`方法发送给父页面，以通知上传状态和相关数据。\[4\]

在实际开发中，通过这种方法无法直接传递文件对象，因此需要将文件对象转换成base64格式。具体的转换方法是使用`FileReader`对象将文件读取为DataURL，也就是base64编码，然后将base64数据通过`postMessage`方法发送给父页面。\[3\]

总结来说，这个例子中的iframe嵌套上传文件的过程是：父页面调用Angular方法将文件数据发送给子页面，子页面将base64格式的文件转换成文件格式后再次发送给父页面，以完成文件上传的功能。
#### 引用[.reference_title]
- *1* *2* *3* [iframe 父子页面之间的相互通信-文件上传（react-angular）](https://blog.csdn.net/weixin_43827462/article/details/111932152)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]