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

@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 я не разбираюсь.
Тему можно закрыть.

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

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

	Создание миниатюр для картинок 28.09.2012, 18:13. Показов 4482. Ответов 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