Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Превью картинки из поля input type=file

Автор: Burrr 6.2.2006, 14:25

Вот здесь:
http://icalendar.photocenter.ru/orders/a7sto8MOOoUAAQbGO20AAAAC-C1-10A/screen3.php?snd_startcdate=2006-02&snd_endcdate=2007-01
если по кнопке "Обзор" выбрать картинку (jpg, gif, png), то ниже появляется превью, с размерами и др
Как это можно осуществить
Скрипт в коде на 50Кб - пытался разобраться, не получилось.
Накидайте, плз, небольшой кодец, как это провернуть!
smile

Автор: 12345c 6.2.2006, 14:55

Код

<B>Получение размеров картинки на локальном диске</B><br>

<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 alt="сюда будут загружаться картинки с локального диска"><br>

Автор: Burrr 6.2.2006, 14:59

Спасибо!
Не знал, что у поля type=file есть параметр value, ведь это, по идее, угроза безопасности...

Автор: Aliance 6.2.2006, 15:15

Он есть, но на него стоит ограничение - read only
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/value_1.asp

Цитата

input type=file The value, a file name, typed by the user into the control. Unlike other controls, this value is read-only.

Автор: Burrr 10.2.2006, 14:39

Один косяк:

Код


<input type="file" onChange="alert(this.value);">

В Опере 8 выводится не путь к файлу с именем, а только имя файла smile

Можно как-то докопаться до пути?

Автор: Burrr 13.2.2006, 13:16

Таки нельзя?

Автор: 12345c 13.2.2006, 14:15

Думаю, что нет.

Автор: Destruction 14.2.2006, 00:07

Можно создать альтернативную форму для FILE на основе ActiveX-технологии, но при создании соответсвующего объекта на странице, пользотелю будет сказано (при обычных настройках), что сайт пользует потенциально опасную технологию и ему предложат сие чудо отрубить.

PS: Что-то подумал, не уверен насчёт кроссбраузерности, ой как неуверен.. Если фигню сказал - убить меня ап стенку..