Webservice возвращает двоичное представление изображения, javascript

#javascript #web-services #image-manipulation

#javascript #веб-сервисы #обработка изображений

Вопрос:

Как я могу взять это двоичное строковое представление и превратить его в изображение с помощью javascript. Я использую jquery….

Нужно ли мне делать это с помощью серверного скрипта?

Спасибо!

Комментарии:

1. Что именно вы имеете в виду под «превратить это в javascript»? Что вам нужно сделать с изображением, когда оно у вас будет?

2. извините за опечатку … я имел в виду, что он выдает мне строку, и я хочу превратить ее в изображение с помощью js. Я знаю, как это сделать, используя скрипт на стороне сервера, но мне интересно узнать об альтернативных вариантах.

Ответ №1:

Если вы говорите о чем-то вроде изображения в кодировке base64, вам просто нужно использовать схему URI данных:

 data:[<MIME-type>][;charset=<encoding>][;base64],<data>
  

Например, если изображение закодировано в этой строке:

 "iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/// l2Z/dAAAAM0lEQVR4nGP4/5/h/1 G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC"
  

затем вы создаете этот <img> элемент:

 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/// l2Z/dAAAAM0lEQVR4nGP4/5/h/1 G/58ZDrAz3D/McH8yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC" alt="Red dot" />
  

http://jsfiddle.net/mattball/s2mNa/