Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Увидеть выгружаемую картинку.


Автор: VVp 15.7.2004, 16:17
Господа, подскажите плиз, как сделать, чтобы при выборе файла в поле <input type=file ...>, если файл - изображение, чтобы картинка появилась рядом с формой. Заранее сенкс.

Автор: Sardar 15.7.2004, 20:45
За секунду наваял, не скажу что красиво. Работать будет под ИЕ, переняв идею можно написать подлюбой браузер:
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><body>
<form>
<input type="file" id="test">
</form>
<script language="Javascript" type="text/javascript">
<!--
extens={".jpeg":1, ".gif":1, ".jpg":1, ".png":1}; //принимаемые расширения
var obj=document.getElementById("test");
obj["onpropertychange"]=function () { //событие, нужно поискать более специализированное
if(event.propertyName=="value") {
 var tp=event.srcElement.value;
 tp=tp.substr(tp.lastIndexOf("."));
 if(typeof(extens[tp])=="undefined") return;
 document.getElementById("test_image").setAttribute("src",event.srcElement.value);
}
}
//-->
</script>
<img id="test_image" src="">
</body>
</html>

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)