В настоящее время я работаю с формой, которая помимо всех обычных полей формы также имеет входные данные для загрузки изображений, которые 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>
и HTML, загруженный в iframe, выглядит примерно так (игнорируя теги html, head и body)
<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, поэтому требуется загрузка другой страницы?