前端处理后台返回二进制流文件

最新推荐文章于 2024-04-29 10:40:41 发布

偏执zz

最新推荐文章于 2024-04-29 10:40:41 发布

阅读量102

点赞数

分类专栏： JavaScript 框架琐碎问题点集合文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_37804387/article/details/131796449

版权

JavaScript 同时被 2 个专栏收录

89 篇文章 0 订阅

订阅专栏

框架琐碎问题点集合

18 篇文章 0 订阅

订阅专栏

jquery是不支持接受二进制流的
不怕还有 XMLHttpRequest2 不在话下

  var url = serverUrlBase + "/server/images/" + mapid + "/files/png";
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.responseType = "blob";
    xhr.setRequestHeader("client_type", "DESKTOP_WEB");
    xhr.setRequestHeader("desktop_web_access_key", _desktop_web_access_key);
    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();