GWT Base64 для изображения на стороне клиента

Question

Как преобразовать кодировку base64 изображения в изображение на стороне клиента в GWT?

Я уже пробовал Image image = new Image(base64String), но это не сработало для меня. Любые ведет.

Answer 1

То, что вы делаете, должно работать на стороне клиента.

Убедитесь, что вы передаете данные правильно на стороне сервера, например:

public String getImage(){ 
     String imgData = "data:image/png;base64," + Base64Utils.toBase64(imageByteArray); 
     return imgData ; 
} 

Answer 2

Это работает для меня:

Image img = new Image("clear.cache.gif"); 
img.setPixelSize(100, 100); 
img.getElement().getStyle().setBackgroundImage("url(data:image/png;base64," + base64String + ")"); 

Просто установите размер и тип содержимого (PNG/JPEG) с соответствующими значениями.

clear.cache.gif стандарт GWT 1x1 прозрачный gif изображение.

И помните, что старые браузеры IE имеют ограничение на длину значения стиля, поэтому у вас могут быть проблемы с большими изображениями.