图片校验码原理就是图片是后端生成的前端只是前后端传过来的数据流做些处理展示即可,先直接上核心代码图:
这里就是简单得对axios的一些默认项属性重写:最后你只需要将resolve的内容插入页面的<img src="resolve(data:img/png;base64,&{base64})">即可,
下面简单介绍一下new buffer():
构造函数new buffer()的第一个参数可以是一个number,array或string。第二个参数为可选参数,用来表示encode的类型,可以是ascii, utf8, ucs2, base64, binary, hex。默认值是utf8。
效果图:
如对本文有疑问, 点击进行留言回复!!
vue axios blob下载文件,文件下载失败将blob的错误信息转换成json格式
网友评论