我目前正在开发一个表单，其中包含一些用于上传图片的文件输入。有一个onchange()将图片提交到的那些输入的事件iframe，然后动态地将上传的图片加载到表单中，并为其修改字段（例如name and 地理定位).
由于我无法嵌套表单，file_input还包含在iframe。最后我用了一个iframe在另一个里面iframe。所以我有这样的事情：
<form>
<!-- LOTS OF FIELDS!! -->
<iframe src="file_input_url">
<!-- iframe which loads a page of a form with a file input-->
</iframe>
</form>
并将 HTML 加载到iframe是这样的（不包括html, head and body tags)
<form target="upload_iframe">
<input type="file" onchange="this.form.submit()">
</form>
<iframe name="upload_iframe"></iframe>
这很有效，除了加载第一个需要几秒钟的时间iframe，因此文件输入不会与页面的其余部分一起加载。这在视觉上并不理想。如果我能指定的话我可以解决它iframe内容无需加载另一个页面（由file_input_url在第一个iframe).
有没有办法指定iframe同一文档中的内容，或者只能用src属性，需要加载另一个页面？
You can .write()将内容放入 iframe 文档中。例子：
<iframe id="FileFrame" src="about:blank"></iframe>
<script type="text/javascript">
var doc = document.getElementById('FileFrame').contentWindow.document;
doc.open();
doc.write('<html><head><title></title></head><body>Hello world.</body></html>');
doc.close();
</script>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
