javascript - 在单独的网页中将图像从一个 div 动态上传到另一个

标签 javascript jquery html css iframe

我对此做了一些研究,但找不到明确的答案或可能的答案。我一直在尝试将图像从一个 div 加载到另一个页面上存在的另一个 div,该页面显示在 iframe 中。我这样做的原因是因为我想为横幅打印服务创建动态图像预览,并且我希望能够显示调整大小时图像的准确预览。我一直在尝试 jQuery 的“.load()”函数,它运行时没有错误,但图像没有加载到 div 中。

$("#destination").load("path/path #source", function(){
        alert("Load was performed.")
            });

即使刷新 iframe,此功能仍运行,但图像不在其他网页上。

最佳答案

您可以使用“postMessage”将图片 url 传递给 IFRAME,并在 IFRAME 页面中捕获“massage”事件并执行您的操作

引用 http://javascript.info/tutorial/cross-window-messaging-with-postmessage

关于javascript - 在单独的网页中将图像从一个 div 动态上传到另一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26521437/

相关文章:

jquery - 在滚动条上隐藏内容

javascript - 当已选择选项时如何获取 HTML Select 元素的通知

css - DIV 不遵守 CSS 规则

php - 如何在php中调用多个复选框点击的javascript函数?

jquery - 如何将div锁定到页面顶部

javascript - React.cloneElement 在 List 中的表现

用于 django 项目的 Jquery Ajax 或 Dajax?

html - Angular-trix 无法在 IE 10 中工作

javascript - msg.react 不是函数

javascript - JS/d3.js - 删除/合并 d3.js 节点图中的重复链接