javascript – 如何将字节数组转换为图像？

使用Javascript,我正在对WCF服务进行AJAX调用,并返回一个字节数组.如何将其转换为图像并将其显示在网页上？

解决方法:

我意识到这是一个旧线程,但我设法通过Web服务上的AJAX调用来实现这一点,并认为我会分享…

>我的页面中已有图像：

 <img id="ItemPreview" src="" />

> AJAX：

$.ajax({
        type: 'POST',
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',
        timeout: 10000,
        url: 'Common.asmx/GetItemPreview',
        data: '{"id":"' + document.getElementById("AwardDropDown").value + '"}',
        success: function (data) {
            if (data.d != null) {
                var results = jQuery.parseJSON(data.d);
                for (var key in results) {
                    //the results is a base64 string.  convert it to an image and assign as 'src'
                    document.getElementById("ItemPreview").src = "data:image/png;base64," + results[key];
                }
            }
        }
    });

我的’GetItemPreview’代码查询sql服务器,其中我将图像存储为base64字符串,并将该字段作为’结果’返回：

     string itemPreview = DB.ExecuteScalar(String.Format("SELECT [avatarImage] FROM [avatar_item_template] WHERE [id] = {0}", DB.Sanitize(id)));
     results.Add("Success", itemPreview);
     return json.Serialize(results);

魔术是在这行的AJAX调用中：

     document.getElementById("ItemPreview").src = "data:image/png;base64," + results[key];

请享用！