我目前正在处理一个表单，其中包括一些文件输入以上传图片。对于这些输入，有一个onchange()事件，它将图片提交到一个iframe，然后动态加载上传的图片到表单中，并提供要修改的字段（例如名称和地理定位）。
由于我不能嵌套表单，所以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>
而加载到 iframe 中的 HTML 大致如下（不包括 html，head 和 body 标签）
<form target="upload_iframe">
<input type="file" onchange="this.form.submit()">
</form>
<iframe name="upload_iframe"></iframe>
这个方法很好，除了第一个 iframe 需要几秒钟才能加载，所以文件输入框不会和页面的其余部分一起加载。这在视觉上不理想。如果我可以指定 iframe 的内容而不需要加载另一页（由第一个 iframe 中的 file_input_url 指定），那么我就可以解决它。
是否有一种方法可以在同一文档中指定 iframe 的内容，或者只能使用 src 属性来指定它，需要加载另外一个页面？
<iframe src="javascript:parent._renderMe()"></iframe>并且在js中：function _renderMe() {return String(Math.random()}- zb'