Как загрузить изображение и показать предварительный просмотр «без отправки формы»?

Question

У меня очень большая форма, она содержит 30 полей, но мне нужно загрузить изображение, когда оно меняет браузер.как фотография профиля.использовать любой, используя ajax, jquery или PHP .. Пожалуйста, дайте мне код или некоторые предложения.

Answer 1

Вы можете поместить контент, связанный с загрузкой файлов, в iframe и включить этот iframe на главную страницу.так что после отправки файла вы можете получить путь к изображению из ответа и показать на главной странице.

Главная страница:

 <p>
                <iframe id="ifrFileUpload" scrolling="no" frameborder="0" hidefocus="true" style="text-align: left;
                    vertical-align: middle; border-style: none; margin-right: 120px; margin-bottom: 20px;
                    float: right; width: 70%; height: 40px" src="http://site.com/FileUpload">
                </iframe>

            </p>

IFrame:

<form id="form1" name="form1" action="http://site.com/FileUpload" enctype="multipart/form-data"
    method="post">
 <p>   
    <input type="file" id="file1" name="file1" />

    <input type="submit" value="Upload" />

 </p>
    </form>

и при ответе вы можете вызвать метод родительской функции для показа изображения

Answer 2

К сожалению, это больше невозможно, потому что в современных браузерах

• вы не можете прочитать полный путь изображения из поля загрузки больше
• ссылки на локальные ресурсы donбольше не работает

по соображениям безопасности.