powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ajax. Как подгрузить изображение?
19 сообщений из 19, страница 1 из 1
Ajax. Как подгрузить изображение?
    #34069566
Здраствуйте! Такая проблема: объект XMLHTTPRequest имее свойство responseText, понятно, что это строка, котурую ему присылает сервер. Но, неужели можно получать только текст? Хочется подгружать изображения...
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34069774
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Непонял...а почему нельзя передать адрес страницы? Зачем вам содержание файла картинки? Вы что-то путаете...
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34070443
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
есть ещё responseXML:)
Поменять src и без перезагрузки можно, или что ещё нужно?
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34070714
maXmo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Станислав ИгоревичХочется подгружать изображения...можно подгрузить изображение, закодированное в текст.
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34070853
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Станислав Игоревич, может вы поставите более точные условия задачи...
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34071528
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
maXmo Станислав ИгоревичХочется подгружать изображения...можно подгрузить изображение, закодированное в текст.
А каким образом его показать юзверю? текстом =D?
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34071566
Vladimir Kozlov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
LINUXER maXmo Станислав ИгоревичХочется подгружать изображения...можно подгрузить изображение, закодированное в текст.
А каким образом его показать юзверю? текстом =D?

Подгрузи вместо изображения тег img :)
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34071722
Kachalov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: plaintext
1.
2.
3.
4.
var img=new Image();
img.src="/1.gif"; //картинка скачалась и попала в кэш
...
document.images[ 0 ].src=img.src; //на месте первой картинке на странице появилась  1 .gif
- можно немного по другому, но действия похожие, AJAX - не беспокоить!
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34071740
maXmo
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
LINUXERА каким образом его показать юзверю? текстом =D?есть одно извращение, не пробовал его на работоспособность. Содержание картинки можно кодировать прямо в хтмле в бейс64.
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34071753
Vladimir Kozlov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Kachalov
Код: plaintext
1.
2.
3.
4.
var img=new Image();
img.src="/1.gif"; //картинка скачалась и попала в кэш
...
document.images[ 0 ].src=img.src; //на месте первой картинке на странице появилась  1 .gif
- можно немного по другому, но действия похожие, AJAX - не беспокоить!

Вот, из AJAX-проекта:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
function oCreateRQ() {
    http_request = false; 
    if (window.XMLHttpRequest) { // Mozilla, Safari,... 
        http_request = new XMLHttpRequest(); 
        if (http_request.overrideMimeType) { 
            http_request.overrideMimeType('text/xml'); 
        } 
    } else if (window.ActiveXObject) { // IE 
        try { 
            http_request = new ActiveXObject("Msxml2.XMLHTTP"); 
        } catch (e) { 
            try { 
                http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
            } catch (e) {} 
        } 
    } 
    if (!http_request) { 
        alert('Giving up :( Cannot create an XMLHTTP instance'); 
        return false; 
    } 
    http_request.onreadystatechange = alertContents; 
    return http_request;
}

function SendRQ(sRQ) {
    http_request = oCreateRQ(); 
    http_request.open('GET', sRQ, true); 
    http_request.send('5'); 
}

function makeRequest(idgoods) {
    var RQ = '/client/gdesc?id=' + idgoods;
    SendRQ(RQ);
}

function alertContents() {
    if (http_request.readyState ==  4 ) { // COMPLETED
        if (http_request.status ==  200 ) { // HTTP STATUS
            var response = http_request.responseText;
            var update = new Array();
            if(response.indexOf('|' != - 1 )) {
                update = response.split('|');
                document.getElementById(update[ 0 ]).innerHTML = update[ 1 ];
            } 
        } else { 
            alert('There was a problem with the request.'); 
        }
    }
}


И вот кусок сервлета

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();
        String ID = request.getParameter("g");
        String S = "wrs" + ID + "|<img src=pict" + ID  + ".jpg>";
        out.println(S);
        out.close();
    }
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34071867
Kachalov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Vladimir Kozlov
- не понял, причем тут я?
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34072294
Vladimir Kozlov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Kachalov Vladimir Kozlov
- не понял, причем тут я?

Да ни при чем, просто привычка кликать для ответа на ближайшем к курсору мыши сообщении :)
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34074400
Извените, что долго не отвечал. Более подробно: клиентский скрипт передаёт некие числовые параметры скрипту на php. php, в зависимости от этих параметров рисует изобращение(создаёт его сам, не из файла). Далее мне надо передать изображение клиенту. Хочестя чтобы без перезагрузки страницы! Можно ли это сделать на лету, т.е передать прямо в браузер клиента, без промежуточного сохранения сгенерированного рисунка на сервере?
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34074649
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Фактически у тебя получается для картинки определенная ссылка?

Что-то типа php.php?param1=1&param2=2&param3=3 - так у тебя передаются параметры для отрисовки картинки, я прав?

Далее
<img src="php.php?param1=1&param2=2&param3=3"> как раз выведет картинку отрисованную твоим скриптом.
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34074709
zerrrro
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Т.е. если я напишу в src ссылку на php скрипт, генерирующий изображение, и отправляющий его в браузер img2jpeg этой функцией, то у меня новый ресунок без перезагрузки?
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34074724
LINUXER
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
zerrrroТ.е. если я напишу в src ссылку на php скрипт, генерирующий изображение, и отправляющий его в браузер img2jpeg этой функцией, то у меня новый ресунок без перезагрузки?
да
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34074735
Фотография Damnedest
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Конгратюлэйшенс!

В PHP это реализуется примерно так (взял первый попавшийся скрипт)
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
<?php
// Use it this way: resize.php?pic=imageurl&width=width_in_pixels
// kokesh@kokeshnet.com  2004 
   header("Content-type: image/jpeg");
   $im    = imagecreatefromjpeg($pic);
   $orange = imagecolorallocate($im,  220 ,  210 ,  60 );
   $px    = (imagesx($im) -  7 . 5  * strlen($string)) /  2 ;

   $old_x=imageSX($im);
   $old_y=imageSY($im);

   $new_w=(int)($width);
   if (($new_w<= 0 ) or ($new_w>$old_x)) {
     $new_w=$old_x;
   }

   $new_h=($old_x*($new_w/$old_x));

   if ($old_x > $old_y) {
       $thumb_w=$new_w;
       $thumb_h=$old_y*($new_h/$old_x);

   }
   if ($old_x < $old_y) {
       $thumb_w=$old_x*($new_w/$old_y);
       $thumb_h=$new_h;
   }
   if ($old_x == $old_y) {
       $thumb_w=$new_w;
       $thumb_h=$new_h;
   }
     $thumb=ImageCreateTrueColor($thumb_w,$thumb_h);
     imagecopyresized($thumb,$im, 0 , 0 , 0 , 0 ,$thumb_w,$thumb_h,$old_x,$old_y);

   imagejpeg($thumb,"", 90 );
   imagedestroy($thumb);
?> 
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34864585
&&&&&&&a
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Kachalov
Код: plaintext
1.
2.
3.
4.
var img=new Image();
img.src="/1.gif"; //картинка скачалась и попала в кэш
...
document.images[ 0 ].src=img.src; //на месте первой картинке на странице появилась  1 .gif
- можно немного по другому, но действия похожие, AJAX - не беспокоить!А как сделать, чтоб на каком-то определенном месте появилась картинка? То есть есть такое, к примеру,
Код: plaintext
1.
2.
3.
4.
<table id = "t_id">
    <tr>
        <td><img src="pict.gif" name="PictField" id="PictField_id"/></td>
    </tr>
</table>
Нужно заменить pict.gif на 1.gif
...
Рейтинг: 0 / 0
Ajax. Как подгрузить изображение?
    #34936385
Stix
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
&&&&&&&a Kachalov
Код: plaintext
1.
2.
3.
4.
var img=new Image();
img.src="/1.gif"; //картинка скачалась и попала в кэш
...
document.images[ 0 ].src=img.src; //на месте первой картинке на странице появилась  1 .gif
- можно немного по другому, но действия похожие, AJAX - не беспокоить!А как сделать, чтоб на каком-то определенном месте появилась картинка? То есть есть такое, к примеру,
Код: plaintext
1.
2.
3.
4.
<table id = "t_id">
    <tr>
        <td><img src="pict.gif" name="PictField" id="PictField_id"/></td>
    </tr>
</table>
Нужно заменить pict.gif на 1.gif

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
function SwapOut(){
     
    document.PictField.src= 1 .gif;
    return true;
  }

  function SwapBack(){
   
    document.pic.src=pict.gif;
 
    return true;
  }
....
<A HREF="http://www.joemaller.com/"
  onmouseover="SwapOut()"
  onmouseout="SwapBack()">
<IMG SRC="Pict.gif"
  NAME="PictField"   
  WIDTH= 50   
  HEIGHT= 92   
  BORDER= 0 >
</A> 
....
...
Рейтинг: 0 / 0
19 сообщений из 19, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ajax. Как подгрузить изображение?
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]