Динамически сгенерированные изображения, полученные с помощью POST

Question

Мне нужно динамически загружать изображения внутри JSP. Я пробовал <img src="servletUrl?p1=x&p2=y"/>, но проблема в том, что URL-адрес слишком длинный для отправки с использованием GET.

Теперь я выполняю POST-вызов. Из сервлета я создаю изображение круговой диаграммы, основываясь на параметрах, которые я отправляю. Изображение не сохраняется, поэтому я не могу вернуть что-то вроде «images/image1.jpg» и установить его как src изображения.

Итак, я возвращаю изображение в виде байтового массива и устанавливаю соответствующий тип содержимого изображения.

Мой вопрос: однажды у меня есть байты изображения в javascript, как их отобразить в соответствующем теге img?

Это мой AJAX вызов:

new Ajax.Request(url, { 
     method: 'post', 
     parameters: params, 
     onComplete: function(request) { 
        alert(request.responseText);  
     } 
}); 

Answer 1

Я не попробовать это мой сам, но он должен работать. Вы можете создать изображение и установить его src с помощью dataUrl. Вам нужно будет преобразовать byte[] в строку с кодировкой base64, чтобы это работало.

new Ajax.Request(url, { 
     method: 'post', 
     parameters: params, 
     onComplete: function(response) { 
      var img = new Image(); 
      img.src = "data:image/png;base64," + response; 

      document.body.appendChild(img); 
     } 
}); 

Answer 2

Вот решение от верхней части моей головы, должны работать во всех браузерах:

Вместо того, AJAX и <img> тега, используйте предварительно заполнены формами со скрытыми полями со всеми необходимыми параметрами Столба и с обработчиком onload, чтобы отправить эту форму в графический сервисный скрипт. Сделайте этот сценарий возвращенным чистым изображением, которое будет отображаться в этом iframe, оставив остальную часть вашей страницы неповрежденной.