[Miracle5]

Делаю небольшое приложение для пазлов, осталось дописать код, чтобы пользователь сам мог задавать изображение или через input/file, или input/text (т.е по URL).

Как сделать на javascript, чтобы при загрузке картинка автоматически подставлялась под поле. Т.е на сервер отправлять не нужно, чисто игра на странице.

<td style="vertical-align: top;">
                <div align="right" style="height: 585px; width: 320px; border: black solid 1px; overflow: auto;">
                    <div>
						<p>Загрузить свою картинку</p>
						<p><input type="file" name="photo" multiple accept="image/*,image/jpeg">
						<input type="submit" value="Загрузить">
						<p>или введите URL картинки</p>
						<input type="text" name="url_text" value="Введите URL фото">
						<input type="submit" name="url_photo" value="Подтвердить"></p>

                        <img id="img1" width="300" height="200" ondblclick="LoadNewImage(this.id);" src="Images/BugsLife.jpg"></img>
                    </div>
                </div>
            </td>

Первая картинка статистическая, нужно добавить такое же поле с изменением id=img(тут счетчик +1) и src брать от input/file

<img id="img1" width="300" height="200" ondblclick="LoadNewImage(this.id);" src="Images/BugsLife.jpg"></img>

Как это сделать?