我正在一个项目中,我使用iframe
上传文件。
我需要在iframe
开始上传文件时显示预加载器,并在iframe
完成加载时隐藏预加载器。
有人可以帮我吗?
最佳答案
我找到了解决方案:
这是iframe的父文档:
<div id="loader"></div>
<div class="iframeClass">
<iframe src="myIframe.php" id="myIframe" frameborder="0"></iframe>
</div>
<script type="text/javascript">
document.getElementById('myIframe').onload = function() {
document.getElementById('loader').style.display = 'none';
}
</script>
这是iframe文件:
<form action="myIframe.php" method="post" enctype="multipart/form-data" id="myForm">
<input type="file" name="myFile" id="myFile" />
</form>
<script type="text/javascript">
document.getElementById('myFile').onchange = function() {
top.document.getElementById('loader').style.display = 'block';
document.getElementById('myForm').submit();
}
</script>
享受大家:)))
关于javascript - 如何检测iframe何时开始加载以及何时完成加载,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17902196/