ajax二进制流乱码图片解决方法

Posted 阿臻

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax二进制流乱码图片解决方法相关的知识,希望对你有一定的参考价值。

仅供自己参考

参考博客

在请求成功的地方 添加以下代码:

var blob=new Blob();

blob=this.response;

既然二进制数据拿到了,那么要把它放在一个 html标签中,并且应该是img标签 那么:代码应该是

var img = document.createElement("img");

img.src = window.URL.createObjectURL(blob); //有问题,将blob加载到img中 由于blob太大 会有性能影响 应该怎么在加载之后 如何释放呢:

img.onload = function(e) {

window.URL.revokeObjectURL(img.src);//释放。
};

然后 将img 放到一个div容器中就可以啦。

$("#imgcontainer").html(img); 是的请求处理就应该是这样。

var xhr = new XMLHttpRequest();    
    xhr.open("get", url, true);
    xhr.responseType = "blob";
    xhr.onload = function() {
        if (this.status == 200) {
            var blob = this.response;
            var img = document.createElement("img");
            img.onload = function(e) {
              window.URL.revokeObjectURL(img.src); 
            };
            img.src = window.URL.createObjectURL(blob);
       $("#imgcontainer").html(img);
 } } xhr.send();

以上是关于ajax二进制流乱码图片解决方法的主要内容,如果未能解决你的问题,请参考以下文章

Servlet中文乱码解决方法

使用ajax请求SpringMVC返回Json出现乱码解决方法

ajax传送中文字符到后台乱码的解决方法

用ajax下载字节流形式的excel文件

java web二进制流的图片如何用response返回给前台

ajax如何传中文参数乱码解决办法