VPF::Превью картинки из поля input type=file

Burrr

Дата 6.2.2006, 14:25 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 10
Всего: 20

Вот здесь:
http://icalendar.photocenter.ru/orders/a7s...ndcdate=2007-01
если по кнопке "Обзор" выбрать картинку (jpg, gif, png), то ниже появляется превью, с размерами и др
Как это можно осуществить
Скрипт в коде на 50Кб - пытался разобраться, не получилось.
Накидайте, плз, небольшой кодец, как это провернуть!
smile

--------------------

JavaScript на fastcoder, sqlinfo.ru

12345c

Дата 6.2.2006, 14:55 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Код

<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>

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

Burrr

Дата 6.2.2006, 14:59 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 10
Всего: 20

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

--------------------

JavaScript на fastcoder, sqlinfo.ru

Aliance

Дата 6.2.2006, 15:15 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Он есть, но на него стоит ограничение - read only
Справочный материал

Цитата

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

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Burrr

Дата 10.2.2006, 14:39 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 10
Всего: 20

Один косяк:

Код


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

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

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

--------------------

JavaScript на fastcoder, sqlinfo.ru

Burrr

Дата 13.2.2006, 13:16 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 459
Регистрация: 4.9.2005

Репутация: 10
Всего: 20

Таки нельзя?

--------------------

JavaScript на fastcoder, sqlinfo.ru

12345c

Дата 13.2.2006, 14:15 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

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

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

Destruction

Дата 14.2.2006, 00:07 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 23
Регистрация: 12.2.2006

Репутация: нет
Всего: нет

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

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

Это сообщение отредактировал(а) Destruction - 14.2.2006, 00:08

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »