处理图片流数据

处理二进制流图片数据

• 使用xml.responseType = "blob"; 请求返回blob数据流
• 使用window.URL.createObjectURL(this.response);处理为寻址数据
• 在加载完成后卸载window.URL.revokeObjectURL(tar.src)；节省内存

        loadImg(item,ev){
            let url =URL.APIURL(`UniversalMarketing/Project/LoadImage?filename=110.png`);
            let tar = ev.target
            let me = tar.classList;
             if(!me.contains("show")){
                 let xml = new XMLHttpRequest();
                     xml.withCredentials = true;
                     xml.responseType = "blob";
                     xml.open("GET",url);
                     xml.addEventListener("readystatechange",function(d){
                         if(this.status==200&&this.response){
                             tar.src = window.URL.createObjectURL(this.response);
                             tar.classList.add("show");
                             
                         }
                     })
                        xml.send(null);
               
            }else{
                window.URL.revokeObjectURL(tar.src)
            }
            return;
            
        }
复制代码

转载于:https://juejin.im/post/5cb3f77df265da03a97ade19