Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 31.07.2012, 23:03
Аватар для KupueIIIKo
Профессор
Отправить личное сообщение для KupueIIIKo Посмотреть профиль Найти все сообщения от KupueIIIKo
 
Регистрация: 04.10.2011
Сообщений: 357

Народ у меня JS проверяет, если браузер старый, то посылает обновляться!
Суть в том, чтобы оптимизировать изображение на стороне клиента, перед загрузкой на сервак!
Желательно готовая библиотека...
Ответить с цитированием
  #12 (permalink)  
Старый 31.07.2012, 23:05
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Сообщение от Magneto Посмотреть сообщение
Firefox >= 3.6
Safari >= 6.0
Chrome >= 7.0
Opera >= 11.1
IE - не поддерживает

Источник - Веб-приложения на JavaScript. Алекс Маккоу
да это я спутал с File System API
Ответить с цитированием
  #13 (permalink)  
Старый 31.07.2012, 23:05
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от KupueIIIKo
Народ у меня JS проверяет, если браузер старый, то посылает обновляться!
Гы - кароче - посылает
Ответить с цитированием
  #14 (permalink)  
Старый 31.07.2012, 23:39
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от Deff Посмотреть сообщение
melky, Я загружаю 200кил канвы - этап загрузки - полминуты (и это еще никакой обработки
прошу демо? я пока что только читаю про это )
Ответить с цитированием
  #15 (permalink)  
Старый 01.08.2012, 00:19
Аватар для KupueIIIKo
Профессор
Отправить личное сообщение для KupueIIIKo Посмотреть профиль Найти все сообщения от KupueIIIKo
 
Регистрация: 04.10.2011
Сообщений: 357

У кого вообще получилось загнать изображение пользователя в canvas?
У меня винда 7-ка вообще даже size не дает!
Ответить с цитированием
  #16 (permalink)  
Старый 01.08.2012, 11:23
Аватар для KupueIIIKo
Профессор
Отправить личное сообщение для KupueIIIKo Посмотреть профиль Найти все сообщения от KupueIIIKo
 
Регистрация: 04.10.2011
Сообщений: 357

Пишу оптимизатор) Все вгрузил в canvas вообщем 1 часть кода отрабатывается на 100%) А вот с оптимизацией пока наоборот) Из файла в 5 метров получается файл в 27 метров)
Ответить с цитированием
  #17 (permalink)  
Старый 01.08.2012, 12:09
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

Сообщение от KupueIIIKo
Пишу оптимизатор)
а что он должен делать с картинкой
там картинка получается в формате dataURL в несколько раз больше чем двоичный файл
Ответить с цитированием
  #18 (permalink)  
Старый 01.08.2012, 12:42
Аватар для KupueIIIKo
Профессор
Отправить личное сообщение для KupueIIIKo Посмотреть профиль Найти все сообщения от KupueIIIKo
 
Регистрация: 04.10.2011
Сообщений: 357

Гружу 5 метров изображения в canvas 100 метров оперативы как и не было))))))))))
И так теперь мой скрипт уменьшает изображение до 1024*768, получаю на выходе изображение уже не 5 метров а 1 метр с копейками)))
Ответить с цитированием
  #19 (permalink)  
Старый 01.08.2012, 12:43
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от KupueIIIKo Посмотреть сообщение
Гружу 5 метров изображения в canvas 100 метров оперативы как и не было))))))))))
И так теперь мой скрипт уменьшает изображение до 1024*768, получаю на выходе изображение уже не 5 метров а 1 метр с копейками)))
так Вы покажете скрипт на jsbin'е, или нет ?))
Ответить с цитированием
  #20 (permalink)  
Старый 01.08.2012, 12:59
Аватар для KupueIIIKo
Профессор
Отправить личное сообщение для KupueIIIKo Посмотреть профиль Найти все сообщения от KupueIIIKo
 
Регистрация: 04.10.2011
Сообщений: 357

Сообщение от melky Посмотреть сообщение
так Вы покажете скрипт на jsbin'е, или нет ?))
Как я делал) про JSbin нечего не слышал) линку в студию)

<!DOCTYPE html> 
<html>
<head>
<noscript>
<meta http-equiv="refresh" content="0; url=nojs.html">
</noscript>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" content="no-cache">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<style>
  .thumb {
    height: 75px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
  }
</style>

<input type="file" id="files" name="files[]" multiple />
<output id="list"></output>

<script>
function handleFileSelect(evt) {

	var files = evt.target.files; //Файллист

	for (var i = 0, f; f = files[i]; i++) {

		if (!f.type.match('image.*')) {
			continue;
		}

	var reader = new FileReader();

	reader.onload = (function(theFile) {
		return function(e) {
			
			var canvas = document.createElement("canvas");
			var ctx = canvas.getContext("2d");
			var image = new Image();
			image.src = e.target.result;
			image.onload = function(e)
				{
var MAX_WIDTH = 1024;
var MAX_HEIGHT = 768;
var width = image.width;
var height = image.height;
  
if (width > height) {
  if (width > MAX_WIDTH) {
    height *= MAX_WIDTH / width;
    width = MAX_WIDTH;
  }
} else {
  if (height > MAX_HEIGHT) {
    width *= MAX_HEIGHT / height;
    height = MAX_HEIGHT;
  }
}
					canvas.width = width;
					canvas.height = height;
					ctx.drawImage(image, 0, 0, width, height);
				}
				
																	//

																	//
			document.getElementById("canvasiha").appendChild(canvas);
			dat=image.toDataURL("image/jpeg"); typ='jpeg';
			window.open(dat=imgage.toDataURL());
		};
	})(f);

	reader.readAsDataURL(f);
	}
}

document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script>
<div id="canvasiha">
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Повременная смена изображений jozev Элементы интерфейса 2 01.08.2011 18:43
Прелоадер. Загрузка всех изображений на сайте пред загрузкой. DorianLeroy Общие вопросы Javascript 5 28.07.2011 17:20
Прокрутка изображений gen552 Элементы интерфейса 6 01.04.2011 13:11
Скролл мини изображений I-Trap Элементы интерфейса 1 25.11.2009 22:03
Изменение HEAD перед загрузкой BODY Temchik (X)HTML/CSS 41 15.11.2009 22:06