后端返回Bolb對象

 

 

 

 

 

 

Blob 對象表示一個不可變、原始數據的類文件對象。它的數據可以按文本或二進制的格式進行讀取，也可以轉換成 ReadableStream 來用於數據操作。

 

前端展示原始文件有兩種方式：

1、將接口直接寫到 src 里面（比如 img 的src） ----> 不方便拿接口頭字段信息。

2、轉換為URL對象。

axios.get("/common/genCaptcha?"+new Date().getTime(),{responseType:'blob'}).then(res=>{
                console.log(res,"0-0-0-");
                if(res && res.status === 200){
                    sessionStorage.setItem("captcha",res.headers.captcha);

                    let img = document.createElement('img');
                    img.src = window.URL.createObjectURL(res.data); //參數為一個指定的file對象或Blob對象
                                                                    //返回的是一個URL對象
                    img.onload = ()=>{
                        window.URL.revokeObjectURL(this.src) //img加載完后 釋放img.src所指向的URL對象
                        this.setState({
                            boldimg:img.src
                        })
                        img = null
                    }
                }
        })

 官方Bolb操作方法：  https://developer.mozilla.org/zh-CN/docs/Web/API/Blob