前端 - 图片是数据流的形式 该怎样显示

问题描述

问 题

从后台请求来的图片是数据流，该怎么显示图片？
好像不是base64 格式 因为显示出来是这样的

解决方案

你不会是拿 ajax 自己去请求的一个图片吧 ……
好吧，如果真是这样：

第一种方法，你把拿到的字节，先创建一个 Blob 对象，然后用 URL.createObjectURL 创建一个本地 URI ，再把这个 URI 应用到 img 的 src 属性上，应该就可以显示出来了。

第二种方法，使用 canvas ，应该也可以把这段字节渲染出来。

上面两种方法没试过（第一种要本机先建服务端环境，麻烦，不想弄），并且应该也不是所有浏览器都有对应的 API 支持，第一种方法，给个文本的例子在下面：

var blob = new Blob('123')
URL.createObjectURL(blob)

参考：https://developer.mozilla.org...

这篇关于前端 - 图片是数据流的形式 该怎样显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！