首页 > 解决方案 > 无法加载 Blob URL

问题描述

下面是生成 blob url 的 javascript 代码。但是当我在浏览器检查元素中看到 img:src 时,它显示“无法加载图像”。这可能是什么原因?

var oReq = new XMLHttpRequest();
        oReq.responseType = "json";
        oReq.addEventListener("load", reqListener);
        oReq.open("POST", "bloburl");
        oReq.send();
    
    function reqListener () {
          
          console.log(this.response);
          
          var arrayBufferView =  new Int16Array(this.response); 
          
          
          console.log(arrayBufferView);
          let blob = new Blob([arrayBufferView], {type : 'image/png'});
          
          let img = document.querySelector('img');
          
            img.src = URL.createObjectURL(blob);
            img.height = 100;
            img.width = 100;
            img.onload = function() {
                URL.revokeObjectURL(this.src);
              } 
        }

标签: javascript

解决方案


var arrayBufferView = new Int16Array(this.response);

上面的行被下面替换了,它对我有用

var arrayBufferView = new Uint8Array(this.response);


推荐阅读