Jquery使用base64代码将图像添加到div中

Question

有一个图像的div，通过ajax请求我收到了图像的base64代码。我需要解码并显示图像，特别是div ...

<div id="preview" style="width:200px; height:200px;"></div>

$.ajax({
    url: "",
    type: "POST",
    data: customerJson,
    dataType: "",
    success: function (data) {

    },
    error: function () {
        alert("Failed");
    }
});

响应数据是base64代码

Answer 1

您可以使用jQuery background-image函数更改.css css属性，如下所示：

$("#preview").css("background-image", "url('data:image/png;base64," + data + "')");

例如：http://jsfiddle.net/ck8rpptn/1/