Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ajax. Как подгрузить изображение? / 19 сообщений из 19, страница 1 из 1
20.10.2006, 13:14
    #34069566
Ajax. Как подгрузить изображение?
Здраствуйте! Такая проблема: объект XMLHTTPRequest имее свойство responseText, понятно, что это строка, котурую ему присылает сервер. Но, неужели можно получать только текст? Хочется подгружать изображения...
...
Рейтинг: 0 / 0
20.10.2006, 13:56
    #34069774
Damnedest
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ajax. Как подгрузить изображение?
Непонял...а почему нельзя передать адрес страницы? Зачем вам содержание файла картинки? Вы что-то путаете...
...
Рейтинг: 0 / 0
20.10.2006, 16:06
    #34070443
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ajax. Как подгрузить изображение?
есть ещё responseXML:)
Поменять src и без перезагрузки можно, или что ещё нужно?
...
Рейтинг: 0 / 0
20.10.2006, 16:59
    #34070714
maXmo
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ajax. Как подгрузить изображение?
Станислав ИгоревичХочется подгружать изображения...можно подгрузить изображение, закодированное в текст.
...
Рейтинг: 0 / 0
20.10.2006, 17:34
    #34070853
Damnedest
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ajax. Как подгрузить изображение?
Станислав Игоревич, может вы поставите более точные условия задачи...
...
Рейтинг: 0 / 0
21.10.2006, 06:50
    #34071528
LINUXER
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ajax. Как подгрузить изображение?
maXmo Станислав ИгоревичХочется подгружать изображения...можно подгрузить изображение, закодированное в текст.
А каким образом его показать юзверю? текстом =D?
...
Рейтинг: 0 / 0
21.10.2006, 10:12
    #34071566
Vladimir Kozlov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ajax. Как подгрузить изображение?
LINUXER maXmo Станислав ИгоревичХочется подгружать изображения...можно подгрузить изображение, закодированное в текст.
А каким образом его показать юзверю? текстом =D?

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

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

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

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

В 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
11.10.2007, 23:33
    #34864585
&&&&&&&a
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ajax. Как подгрузить изображение?
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
13.11.2007, 18:06
    #34936385
Stix
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ajax. Как подгрузить изображение?
&&&&&&&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
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ajax. Как подгрузить изображение? / 19 сообщений из 19, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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