前端ajax二进制流渲染图片

就一段代码

需求是请求头header传参数，而且是get请求

$.ajax({
  url: ajaxUrl + 'pay/order?token=' + userCookie + '&orderCode=' + orderNumber,
    type: 'get',
    xhrFields: { responseType: "blob" },	//这段很重要，如果不加，下面的backData就是一个流  类似于�PNG
��d'���]v�GB	这种东西
    headers:{token:userCookie==null?'':userCookie,},
    contentType: 'application/json',
    success: function (backData) {	
    	//下面imageUrl直接放在图片src里就行了
        console.log(backData);  
        var xhr = new XMLHttpRequest();
        // // xhr.open('GET', '/my/image/name.png', true);
        // xhr.responseType = 'arraybuffer';
        var imageType = xhr.getResponseHeader("Content-Type");
        var blob = new Blob([backData], { type: imageType });
        var imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);
        $('.payQRcodeBox .payQRcodeImg').attr('src', imageUrl);
    },
})

效果图