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(res).reduce(
(data, byte) => data + String.fromCharCode(byte), "")
);
this.securitySrc.src = "data:image/png;base64," + img;
}
})
絕對手打，覺得有用的素質三連，謝謝！
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/240080.html
標籤：其他