关于前端直接展示接口传过来的image图片

1.因为做的是验证码,刚开始的思路是 直接http.get 方法,返回的是个二进制字节流吧,一直在想怎么处理。首先想到的是转化URL,搜了一些方法,比如window.URL.createObjectUrl().但是还是没成功(可能太菜了我)

2.后来转变了思路,想到img 标签src 直接传接口地址就可以,然后就改成了这样

getCaptcha() 方法是点击图片刷新验证码的方法,是这样的:

 auth/code/image 是后台验证码接口。

但是这样又出现一个问题,由于请求地址是一样的,验证码图片并不会刷新,找了一些方法,可以在请求地址后面加个时间参数,这样浏览器就会认为是不一样的接口请求,重新发起请求啦,验证码图片也可以刷新啦,如下代码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容