欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

react中图片校验码实现以及new Buffer()使用方法

程序员文章站 2023-11-28 09:21:28
图片校验码原理就是图片是后端生成的前端只是前后端传过来的数据流做些处理展示即可,先直接上核心代码图: 这里就是简单得对axios的一些默认项属性重写:最后你只需要将resolve的内容插入页面的即可, ......

图片校验码原理就是图片是后端生成的前端只是前后端传过来的数据流做些处理展示即可,先直接上核心代码图:

react中图片校验码实现以及new Buffer()使用方法

这里就是简单得对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。

效果图:react中图片校验码实现以及new Buffer()使用方法