我想将Google云端硬盘提供的嵌入式文件夹视图放在iframe标签中。此文件夹仅包含JPEG格式的图像。我想单击其中一张图像,但又不想被带到Google云端硬盘中。我希望Google云端硬盘向我传递此图片的ID,以便可以在自己的网站上显示它。
这是我网站中嵌入式文件夹视图的示例: http://www.recordspreservation.org/junk.html
这是我要显示在我的网站中而不是转到Google云端硬盘的图像:
基本上,我想获取我的网站所指向的URL(在本例中为Google云端硬盘)。然后,我要提取图像ID,停止重定向,然后用新图像重新加载iframe。
我尝试了这个简单的代码,但是onbeforeunload根本不起作用。仅onload事件有效:
<script>
function view_iframe_src() {
console.log("AAA");
var iframe_src = document.getElementById('viewer_iframe').src;
var iframe_cd = document.getElementById('viewer_iframe').contentDocument;
console.log(iframe_cd);
console.log(iframe_src);
return null;
};
</script>
<iframe src="https://drive.google.com/file/d/1jl-cC0JRHXuBxWt8VscERFJ3xVT1FAUz/preview" id="viewer_iframe" style="position:absolute;top:0px;left:0px;height:100%;width:100%;border:0;" onbeforeunload="view_iframe_src();"></iframe>
谢谢
马克·卡玛戈