Webservice返回图像的二进制表示，javascript

Question

如何使用二进制字符串表示并使用javascript将其转换为图像。我正在使用jquery ....

我是否需要使用服务器端脚本执行此操作？

谢谢！

Answer 1

如果您正在讨论类似base64编码的图像，则只需使用data URI scheme：

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

For example，如果图像以此字符串编码：

"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/