vue 处理后端返回的png图片,并在页面上显示

后端返回的png格式,不能直接在页面显示

<div class="input-group-addon image-code" @click="generateImageCode()"><img :src=imageCode alt=""></div>

打印后端返回的png则是二进制
image

如何解决呢?把response-type改为blob类型

httpClient.get(common.k8sGetImageCode + "/" + this.imageCodeId,{responseType:"blob"}).then(
                res => {
                    //
                    let blob = new Blob([res]);
                    let url = window.URL.createObjectURL(blob);
                    this.imageCode = url
                    // console.log(url)
                }
            )
			
posted on 2022-07-10 15:27  每天进步一点点点点点  阅读(1450)  评论(0编辑  收藏  举报