Создание миниатюр для картинок

@eisenheim · Регистрация: 06.06.2011

Студворк — интернет-сервис помощи студентам

Добрый день. По некоторым обстоятельствам на сайте нужно сделать вывод миниатюр изображений или их создание при загрузке изображений, без использования PHP. Что подскажите?

@Notortep · 28.09.2012, 19:45

подскажЕм, что с помощью html (или css) можно на странице показать картинку с любым размером, однако это будет та же картинка, с тем же "весом" в килобайтах

например, картинка http://img.yandex.net/i/www/logo.png имеет исходный размер 178х120
показать её можно вдвое меньшим размером - <img src="http://img.yandex.net/i/www/logo.png" style="height: 60px">, а можно - втрое меньшим: <img src="http://img.yandex.net/i/www/logo.png" style="height: 40px">, но это будет та же картинка, с тем же URL, тех же исходных размеров и того же размера в килобайтах, что и исходная

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

@koza4ok · 28.09.2012, 19:54

На другом форуме видел

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<input type="file" id="fln1" name="file1" size="20">
<div id="div"></div>
 
<script>
window.onload = function () {
    var div = document.getElementById('div');
    document.body.children[0].onchange = function (e) {
        if (navigator.userAgent.indexOf('MSIE') != -1) {
            div.innerHTML = '<img id="img" src="' + this.value + '">';
        } else {
            window.URL = window.URL || webkitURL;
            div.innerHTML = '<img id="img" src="' + window.URL.createObjectURL(e.target.files[0]) + '">';
        }
    }
}
</script>
 
но не для оперы

@eisenheim · 28.09.2012, 20:08 **[ТС]**

Про width и height я знаю, просто фото весят более 3мб. А нужны "thumbnails". Вот...

@Notortep · 28.09.2012, 22:29

Сообщение от eisenheim

Про width и height я знаю

не о том вы знаете

знать вам надо о том, что javascript работает только и исключительно с объектами страницы
что на страницу загружено (или на странице же создано) - с тем и работает

если это знать будете, то и глупых вопросов задавать не будете

@eisenheim · 29.09.2012, 14:14 **[ТС]**

Уж извините меня, в JavaScript я не разбираюсь.
Тему можно закрыть.

Новые блоги и статьи Все статьи Все блоги /
Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .

@eisenheim 18 / 8 / 2 Регистрация: 06.06.2011 Сообщений: 268

	Создание миниатюр для картинок 28.09.2012, 18:13. Показов 4519. Ответов 5 Метки нет (Все метки) Добрый день. По некоторым обстоятельствам на сайте нужно сделать вывод миниатюр изображений или их создание при загрузке изображений, без использования PHP. Что подскажите? 0

@Notortep Заблокирован
	28.09.2012, 19:45
	подскажЕм, что с помощью html (или css) можно на странице показать картинку с любым размером, однако это будет та же картинка, с тем же "весом" в килобайтах например, картинка http://img.yandex.net/i/www/logo.png имеет исходный размер 178х120 показать её можно вдвое меньшим размером - <img src="http://img.yandex.net/i/www/logo.png" style="height: 60px">, а можно - втрое меньшим: <img src="http://img.yandex.net/i/www/logo.png" style="height: 40px">, но это будет та же картинка, с тем же URL, тех же исходных размеров и того же размера в килобайтах, что и исходная ничего иного без серверных программ с картинками сделать нельзя только серверные программы могут физически изменить картинку, сохранить изменённую картинку на сервере и дать ей новый URL 0

@eisenheim 18 / 8 / 2 Регистрация: 06.06.2011 Сообщений: 268
	28.09.2012, 20:08 [ТС]
	Про width и height я знаю, просто фото весят более 3мб. А нужны "thumbnails". Вот... 0

@eisenheim 18 / 8 / 2 Регистрация: 06.06.2011 Сообщений: 268
	29.09.2012, 14:14 [ТС]
	Уж извините меня, в JavaScript я не разбираюсь. Тему можно закрыть. 0