Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Предпросмот с помощью JS
 
 автор: kest131   (13.05.2006 в 19:25)   письмо автору
 
 

У меня есть форма.
Там есть <input type=file>

Как так сделать что-бы при изменинии значений в <input type=file> слева или справу поевлялась уменьшенная копия этой картинки.

Если это не картинка(формат не jpg) то выдовалась ошибка.

Может кто знает как это сделать?

   
 
 автор: servannin   (15.05.2006 в 12:38)   письмо автору
 
   для: kest131   (13.05.2006 в 19:25)
 

вот тебе "кусочек почвы" для размышлений :) :

<html>
<head>
    <script language="JavaScript">
    function change(){
    document.getElementById('img_element').src=document.getElementById('input_file').value;
    document.getElementById('img_element').style.visibility = '';
    }
    </script>
</head>

<body>
 <input type=file  onchange="change()" id="input_file">
 <img src="" style="visibility:hidden;" id="img_element"/>
</body>
</html>


Насчёт уменьшения размера,подумай сам,не сложно.
Насчёт формата,так тут вообще просто - используй функции работы со строками,отрезай всё что стоит после точки ну и сравнивай,например,с константой a="jpg"....
Удачи!

   
 
 автор: kest131   (17.05.2006 в 00:03)   письмо автору
 
   для: servannin   (15.05.2006 в 12:38)
 

>Насчёт уменьшения размера,подумай сам,не сложно.

Несложно если можно определить истиные размеры изображения.
Как их получить не знаю.


Если просмотреть это скрипт из Opera или Mozilla врядли будет работать.

   
 
 автор: 12345   (17.05.2006 в 01:40)   письмо автору
 
   для: kest131   (17.05.2006 в 00:03)
 

Был такой вопрос пару раз.

<script>
function f(t){(iS=document.getElementById('imgSend')).src='file:///'+t.value;
    document.getElementById('wxHSend').value='---';
    setTimeout("document.getElementById('wxHSend').value=''+iS.offsetWidth+'x'+iS.offsetHeight;",999);
}
</script>
<input id=fileSend type=file onChange=f(this)><br>
<input id=wxHSend><br>
<img id=imgSend src=1.gif сюда будут загружаться картинки с локального диска><br>

   
 
 автор: kest131   (17.05.2006 в 17:19)   письмо автору
 
   для: 12345   (17.05.2006 в 01:40)
 

Нормально но работает только в IE

   
 
 автор: 12345   (17.05.2006 в 17:28)   письмо автору
 
   для: kest131   (17.05.2006 в 17:19)
 

Странно, у меня везде (FF 1.07, Op 7.54). Настройки Оперы изменены?

   
 
 автор: kest131   (17.05.2006 в 22:53)   письмо автору
 
   для: 12345   (17.05.2006 в 17:28)
 

> Настройки Оперы изменены?

Смотря какие ?

FF - что за браюзер

У меня Opera 8.54 - не работает!

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования