VUE前端处理后端接口返回octet-stream 并展示在前端

2024-08-06  本文已影响0人  lvyweb

后端返回的链接放在浏览器里直接下载了,要求展示在前端
这个后端返回的url链接(格式是Content-Type:application/octet-stream;charset=UTF-8)不能直接用在img里 需要做一下处理

 function fetchImage() {
            const url = originUrl //后端返回地址
            axios({
                method: 'get',
                url: url,
                responseType: 'blob', // 重要:设置响应类型为blob
            })
            .then(response => {
                // 创建一个Blob URL
                this.imageUrl = URL.createObjectURL(new Blob([response.data]));
            })
            .catch(error => {
                console.error('Fetch error:', error);
            });
        }
上一篇 下一篇

猜你喜欢

热点阅读