如何使用jquery将json显示为图像?

如何使用jquery将json显示为图像?,jquery,wcf-rest,Jquery,Wcf Rest,我有一个以json格式返回图像的WCF Web服务 [OperationContract] [WebGet(UriTemplate = "Service/GetCarList")] public List<CarModel> GetCarList() { var carList = _db.Cars.ToList(); var carPhotos = _db.CarPhotoes.ToL

我有一个以json格式返回图像的WCF Web服务

[OperationContract]
        [WebGet(UriTemplate = "Service/GetCarList")]
        public List<CarModel> GetCarList()
        {

            var carList = _db.Cars.ToList();
            var carPhotos = _db.CarPhotoes.ToList();
            return carList.Select(car => new CarModel
            {
                Id = car.CarId,
                Model = car.Model,
                Images = carPhotos.Where(m => m.CarId == car.CarId).Select(m => m.CarPhoto1).ToList()
            }).ToList();
        } 
[运营合同]
[WebGet(UriTemplate=“Service/GetCarList”)]
公共列表GetCarList()
{
var carList=_db.Cars.ToList();
var carPhotos=_db.CarPhotoes.ToList();
返回carList.Select(汽车=>新汽车模型
{
Id=car.CarId,
模型=汽车。模型,
Images=carPhotos.Where(m=>m.CarId==car.CarId)。选择(m=>m.CarPhoto1.ToList())
}).ToList();
} 
我尝试通过以下方式在DOM中显示它

@{
    ViewBag.Title = "Home Page";
}
<script src="@Url.Content("~/Scripts/jquery-1.10.2.js")" type="text/javascript"></script>

<div id="divMyLetterImage"></div>


<script type="text/javascript">

    var getCarUrl = 'http://localhost:62051/Service/GetCarList';

    $(document).ready(function () {

        $.ajax({
            cache: false,
            type: "GET",
            dataType: "json",
            url: getCarUrl,
            success: function (response) {

                var imag = "<img "
                          + "src='" + "data:image/jpg;base64,"
                          + response[0].Images[0] + "'/>";
                $("#divMyLetterImage").replaceWith(imag);
                alert(response[0].Images[0]);
            },
            error: function (xhr) {
                alert(xhr.responseText);
            }
        });

    });
</script>
@{
ViewBag.Title=“主页”;
}
var getCarUrl=http://localhost:62051/Service/GetCarList';
$(文档).ready(函数(){
$.ajax({
cache:false,
键入:“获取”,
数据类型:“json”,
url:getCarUrl,
成功:功能(响应){
var imag=“”;
$(“#divMyLetterImage”)。替换为(imag);
警报(响应[0]。图像[0]);
},
错误:函数(xhr){
警报(xhr.responseText);
}
});
});
响应[0]。图像[0]
返回我

255216255224,0,16,74,70,73,70,0,1,1,0,96,0,96,0,0255236,0,17,68117,99,10‌​7,121,0,1,0,4,0,0,0,60,0,0,255,219,0,67,0,2,1,1,2,1,1,2,2,2,2,2,2,2,2,3,5,3,3,3,3‌​,3,6,4,4,3,5,7,6,7,7,6,7,7,8,9,11,9,8,8,10,8,7,10,13,10,10,11,12,12,12等


但它不起作用。。。。。。。。我该怎么做呢?

我相信您的产品线:

Images = carPhotos.Where(m => m.CarId == car.CarId).Select(m => m.CarPhoto1).ToList()

错误,应返回base64编码的字符串。显然(根据您的评论),您可以通过调用
.ToList()
来获得表示特定字节的数字列表,但需要返回Base64编码的字符串。该方法对此可能有用。

警报(响应[0]。图像[0])的输出是否正确?
也许您可以提出比
不起作用更好的解释。
???提供浏览器控制台/开发人员工具中的详细信息。3.0)图像[0)给我25521621621621621621621621621621622240,0,16,74,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,70,7,7,7,7,7,7,7,0,0,0,0,0,0,0,0,0,0,0,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,7,0,0,0,7,7,7,0,7,0,0,7,0,0,0,7,0,0,0,0,0,0,0,7,0,0,0,0,0,0,0,@MartyIX@8,7,7,10,13,10,10,11,12,12,12和更多