Загрузка рисунков из диска пользователя средствами JavaScript

@Renat_K · Регистрация: 05.11.2010

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

я только недавно начал изучать ява и ещё мало что могу ...
я пишу игрушку на php и я столкнулся с такой проблеммой что тужно
загружать достаточно моного различных графических элементов .. что
сказывается на скорости загрузки

я подумал что возможно с помощью ява можно сделать так чтоб графически
еэлементы загружались с диска пользователя .
скажем пользователь скачивает архив устанавливает его например имя
начальной папки с граф.элем. известен
скажем C:gameswebgames и чтоб ява лез в эту папку и загружал в
определённые места страницы определённые рисунки ... скажем имена
рисунков вставлялись бы в html документ на сервере с помощью php а ява
по этим именам подгружал нужные рисунки если рисунка не оказалось
подгружал какой нибуть по умолчанию или подгружал с сервера ...

если такое возможно ...

был бы признателен за любую помощь по данному скрипту ...

16.12.2010, 19:22

А я не очень понял каким образом, трафик картинок через яву
превышает тот-же трафик через пхп ?

@RobbeR · 21.12.2010, 10:52

Ну например если ты генерируешь на пхп
<img name='fff' src='image.jpg'>
а картинка image.jpg лежит в C:gameswebgames
можно просто поменять ссылку
document.images['fff'].src = 'C:\games\webgames\ ' + document.images['fff'].src

21.12.2010, 12:58

А ты не путаешь пхп и JS ? =\
Во первых. Ты собралься картинки размещать у клиента ?
Во вторых. Даже если и так (что крайне для меня странно) что мешает зделать тоже само на jsp ?

@sl_play · 21.12.2010, 13:20

если у тебя какая-то огромная игра, то ты конечно можешь попросить клиента загрузить архив, разархивировать куда нужно и юзать. Но если речь идёт о обычном сайте, то нужно средствами серверного языка делать превьюшки рисунков и выдавать по надобности. Превью будет занимать до 5кб , думаю это не много!

21.12.2010, 16:39

Кстати а есть какой нить алгоритм (попой чую есть) преобразования
картинки в jpeg'е иль gif в превьюшку ?

@sl_play · 21.12.2010, 19:30

тю

//img.php

if(!$_GET['width'])$_GET['width']=500;
if(!$_GET['height'])$_GET['height']=500;

if (!$max_width) $max_width =$_GET['width'] ;
if (!$max_height) $max_height =$_GET['height'] ;
$size = GetImageSize($_GET['image']);
$width = $size[0];
$height = $size[1];
$x_ratio = $max_width / $width;
$y_ratio = $max_height / $height;
if ( ($width <= $max_width) && ($height <= $max_height) ) {
$tn_width = $width;
$tn_height = $height;
}else if (($x_ratio * $height) < $max_height) {
$tn_height = ceil($x_ratio * $height);
$tn_width = $max_width;
}else {
$tn_width = ceil($y_ratio * $width);
$tn_height = $max_height;
}
$src = ImageCreateFromJpeg($_GET['image']);
$dst = ImageCreateTrueColor($tn_width,$tn_heigh t);
ImageCopyResampled($dst, $src, 0, 0, 0, 0,$tn_width,$tn_height,$width,$height);
header('Content-type: image/jpeg');
ImageJpeg($dst, null, -1);
ImageDestroy($src);
ImageDestroy($dst);
?>

//вызываем

<img src='img.php?width=100&height=100'>

@sl_play · 21.12.2010, 19:31

сорри

<img src='img.php?image=1.jpg&width=100&heigh t=100'>

21.12.2010, 19:37

И чё буит работать ? =))
пасиба...
Ну это на пхп, а вот именно алгоритм, не зависимый
если как с поток скажем работать...
Может где если по читать есть ?

@sl_play · 22.12.2010, 15:26

все превьюшки делаются подобными скриптами, их отличие лиш в том, созадётся превью виртуально, тоесть не сохраняясь на диске или же перезаписывает рисунок в себя, тоесть большая копия исчезает на её место записывается маленькая. Пример, который я выше привел - создаёт превьюшку 'виртуально' и отсылает её в броузер

Новые блоги и статьи Все статьи Все блоги /
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .

@Renat_K 0 / 0 / 0 Регистрация: 05.11.2010 Сообщений: 11

	Загрузка рисунков из диска пользователя средствами JavaScript 16.12.2010, 14:58. Показов 1691. Ответов 9 Метки нет (Все метки) я только недавно начал изучать ява и ещё мало что могу ... я пишу игрушку на php и я столкнулся с такой проблеммой что тужно загружать достаточно моного различных графических элементов .. что сказывается на скорости загрузки я подумал что возможно с помощью ява можно сделать так чтоб графически еэлементы загружались с диска пользователя . скажем пользователь скачивает архив устанавливает его например имя начальной папки с граф.элем. известен скажем C:gameswebgames и чтоб ява лез в эту папку и загружал в определённые места страницы определённые рисунки ... скажем имена рисунков вставлялись бы в html документ на сервере с помощью php а ява по этим именам подгружал нужные рисунки если рисунка не оказалось подгружал какой нибуть по умолчанию или подгружал с сервера ... если такое возможно ... был бы признателен за любую помощь по данному скрипту ... 0

freem
	16.12.2010, 19:22
	А я не очень понял каким образом, трафик картинок через яву превышает тот-же трафик через пхп ?

@RobbeR 0 / 0 / 0 Регистрация: 27.11.2010 Сообщений: 16
	21.12.2010, 10:52
	Ну например если ты генерируешь на пхп <img name='fff' src='image.jpg'> а картинка image.jpg лежит в C:gameswebgames можно просто поменять ссылку document.images['fff'].src = 'C:\games\webgames\ ' + document.images['fff'].src 0

freem
	21.12.2010, 12:58
	А ты не путаешь пхп и JS ? =\ Во первых. Ты собралься картинки размещать у клиента ? Во вторых. Даже если и так (что крайне для меня странно) что мешает зделать тоже само на jsp ?

@sl_play 4 / 4 / 3 Регистрация: 25.05.2009 Сообщений: 2,576
	21.12.2010, 13:20
	если у тебя какая-то огромная игра, то ты конечно можешь попросить клиента загрузить архив, разархивировать куда нужно и юзать. Но если речь идёт о обычном сайте, то нужно средствами серверного языка делать превьюшки рисунков и выдавать по надобности. Превью будет занимать до 5кб , думаю это не много! 0

freem
	21.12.2010, 16:39
	Кстати а есть какой нить алгоритм (попой чую есть) преобразования картинки в jpeg'е иль gif в превьюшку ?

@sl_play 4 / 4 / 3 Регистрация: 25.05.2009 Сообщений: 2,576
	21.12.2010, 19:30
	тю //img.php if(!$_GET['width'])$_GET['width']=500; if(!$_GET['height'])$_GET['height']=500; if (!$max_width) $max_width =$_GET['width'] ; if (!$max_height) $max_height =$_GET['height'] ; $size = GetImageSize($_GET['image']); $width = $size[0]; $height = $size[1]; $x_ratio = $max_width / $width; $y_ratio = $max_height / $height; if ( ($width <= $max_width) && ($height <= $max_height) ) { $tn_width = $width; $tn_height = $height; }else if (($x_ratio * $height) < $max_height) { $tn_height = ceil($x_ratio * $height); $tn_width = $max_width; }else { $tn_width = ceil($y_ratio * $width); $tn_height = $max_height; } $src = ImageCreateFromJpeg($_GET['image']); $dst = ImageCreateTrueColor($tn_width,$tn_heigh t); ImageCopyResampled($dst, $src, 0, 0, 0, 0,$tn_width,$tn_height,$width,$height); header('Content-type: image/jpeg'); ImageJpeg($dst, null, -1); ImageDestroy($src); ImageDestroy($dst); ?> //вызываем <img src='img.php?width=100&height=100'> 0

@sl_play 4 / 4 / 3 Регистрация: 25.05.2009 Сообщений: 2,576
	21.12.2010, 19:31
	сорри <img src='img.php?image=1.jpg&width=100&heigh t=100'> 0

freem
	21.12.2010, 19:37
	И чё буит работать ? =)) пасиба... Ну это на пхп, а вот именно алгоритм, не зависимый если как с поток скажем работать... Может где если по читать есть ?

@sl_play 4 / 4 / 3 Регистрация: 25.05.2009 Сообщений: 2,576
	22.12.2010, 15:26
	все превьюшки делаются подобными скриптами, их отличие лиш в том, созадётся превью виртуально, тоесть не сохраняясь на диске или же перезаписывает рисунок в себя, тоесть большая копия исчезает на её место записывается маленькая. Пример, который я выше привел - создаёт превьюшку 'виртуально' и отсылает её в броузер 0