Как мне добавить изображение в форму в качестве предварительного просмотра? - PullRequest
0 голосов
/ 05 августа 2011

я сейчас работаю над объявлением на первой странице, на странице объявления будет отображаться изображение и некоторые заголовки и т. Д.

в фоновом режиме я создал форму для пользователя, чтобы изменить это изображение, после чего изображение сохраняется вБД как блоб (в чем я не уверен)

Мне бы хотелось, чтобы я мог просмотреть картинку, которую пользователь загрузил после

Я гуглил и пока не нашел никаких ответов и т. д.

любые советы и помощь будут оценены по достоинству !!

<html>
<body>
<form action="">
<fieldset>
<legend>Personal information:</legend>
Name: <input type="text" size="30" /><br />
E-mail: <input type="text" size="30" /><br />
Date of birth: <input type="text" size="10" />
Picture: <input type="img" />
</fieldset>
</form>
</body>
</html>

Я ДОЛЖЕН СОЗДАВАТЬ ЭТО ИСПОЛЬЗОВАТЬ JAVASCRIPT, так как я собираюсь поместить это изображение в форму?и предварительный просмотр.

Ответы [ 2 ]

2 голосов
/ 05 августа 2011

Какая поддержка браузера вам нужна? Если эта функция (загрузка изображения для предварительного просмотра) работает только в современных браузерах (например, в последних версиях Firefox, Chrome), вы можете попробовать использовать File API в HTML5.

Примеры FileReader

Это забавно, потому что вы можете прочитать или представить информацию о файле на клиенте еще до того, как загрузите его на сервер.

Если вам нужна поддержка менее функциональных браузеров в этой функции, вы, вероятно, застряли с решением, когда вы загружаете файл с помощью XHR Post и затем ваш сервер возвращает URL-адрес изображения. После завершения загрузки вы можете динамически обновлять источник изображения на своей странице, оставаясь на той же странице.

0 голосов
/ 05 августа 2011

<input type="file" name="img" />

http://www.cs.tut.fi/~jkorpela/forms/file.html

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...