如何把一个图片转为blob

Question

目前逻辑是这样的，前后端分离
前端向后端发送一个标示，后端返回一个图片
但是图片是有权限验证的，不能直接输出到前端模版里显示，所以我想要把图片转成blob后输出到前端模版里

直接 window.URL.createObjectURL(new Blob(res)) 这样好像是不对的，res 是图片本身，求解要怎么做哎～

Answer 1

new Blob([res],{type: res.type}); 这样转换本身就是一个Blob了。而URL.createObjectUrl会将Blob转换为一个已Blob: 开头的BlobUrl

Answer 2

找到方法了 请求的时候 使用 responseType: "blob" 然后渲染用window.URL.createObjectURL(new Blob([res], {type: headers('content-type')})) 就可以了