vue+axios展示二进制文件流图片

1、请求方式axios({ url: '请求地址', responseType: 'arraybuffer', method: 'get/post', params: { ...data } })2、展示方式两种展示方式任意选择1、const url = URL.createObjectURL(new Blob([res]))2、const url = `data:i...

朝阳&online

1633人浏览 · 2020-04-15 09:15:19

朝阳&online · 2020-04-15 09:15:19 发布

1、请求方式

axios({ url: '请求地址', responseType: 'arraybuffer', method: 'get/post', params: { ...data } })

2、展示方式

两种展示方式任意选择

1、const url = URL.createObjectURL(new Blob([res])) // 这种方法需要图片服务器不要添加限制

2、const url = `data:image/png;base64,${btoa(new Uint8Array(res).reduce((data, byte) => data + String.fromCharCode(byte), ''))}`

华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐