Edit Question - KnowledgeHub

Title Body

I'm currently working on a form which includes some file inputs to upload pictures. There is an onchange() event for those inputs that submits the pictures to an iframe , then dynamically loads the uploaded pictures into the form, with fields to be modified for them (like name and geo-localization ). Since I can't nest forms, the file_input is also contained in an iframe . In the end I use an iframe inside of another iframe . So I have something like this: <form>  <iframe src="file_input_url">  </iframe> </form> and the HTML loaded into the iframe is something like (excluding the html , head and body tags) <form target="upload_iframe"> <input type="file" onchange="this.form.submit()"> </form> <iframe name="upload_iframe"></iframe> This works great, except for the fact that it takes a couple seconds to load the first iframe , so the file input does not load with the rest of the page. This is not visually ideal. I could solve it if I could specify the iframe content without needing to load another page (specified by file_input_url in the first iframe ). Is there a way to specify the iframe content in the same document, or can it only be specified with the src attribute, requiring the load of another page?

Tags (comma-separated) Cancel