JS_利用图片的二进制流展示图片

最新推荐文章于 2023-01-24 20:35:17 发布

hy_timer

最新推荐文章于 2023-01-24 20:35:17 发布

阅读量6k

点赞数

分类专栏： JS 文章标签： JS java

本文链接：https://blog.csdn.net/hy_timer/article/details/76269115

版权

文章参考：http://www.cnblogs.com/cdemo/p/5225848.html

需求就是展示一张图片，src中放置请求的url，返回图片的二进制流。

JS代码：

$("#home").empty();
var startTime = $("#startTime").val().trim();
var endTime = $("#endTime").val().trim();
var url = webPath + "/radar/view/showPingGraph.do?resourceId=" + resource_id
          +"&startTime=" + startTime
          +"&endTime=" + endTime;
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = "blob";
xhr.setRequestHeader("client_type", "DESKTOP_WEB");
xhr.onload = function () {
    if (this.status == 200) {
        var blob = this.response;
        var img = document.createElement("img");
        img.onlo