vue验证码图片显示不出来,将图片转换为base64格式显示
vue验证码图片显示不出来后台直接返回的是一张图片,直接把请求的url放在img的src里面是可以显示图片的,但是我的电脑就是显示不出来。于是就想将图片转为base64格式。上代码封装的apiexport const fun_GetImgCode = (url, params) => {return axios({url: `${url}`,responseType: "arraybuffe
·
vue验证码图片显示不出来
后台直接返回的是一张图片,直接把请求的url放在img的src里面是可以显示图片的,但是我的电脑就是显示不出来。于是就想将图片转为base64格式。
上代码
封装的api
export const fun_GetImgCode = (url, params) => {
return axios({
url: `${url}`,
responseType: "arraybuffer", // 类型
method: "get",
params
});
};
引入api
import { fun_GetImgCode } from "@/api";
调用api
fun_GetImgCode(url, params).then(res => {
const { status, data } = res;
if (status === 200) {
const img = btoa(
new Uint8Array(data).reduce(
(data, byte) => data + String.fromCharCode(byte), "")
);
this.securitySrc.src = "data:image/png;base64," + img;
}
})
绝对手打,觉得有用的素质三连,谢谢!
更多推荐
已为社区贡献3条内容
所有评论(0)