const src = 'https://api.mywebsite.com/profiles/123/avatar';
const options = {
  headers: {
    'Some-Header': '...'
fetch(src, options)
  .then(res => res.blob())
  .then(blob => {
    imgElement.src = URL.createObjectURL(blob);
ajax + base64
  
需要通过异步请求设置请求头信息
  
使用 HTML5 APIs 把二进制数据转换为base64
  
把图片标签的src设置为data:协议和base64数据
var oReq = new XMLHttpRequest();
oReq.open("GET", "yourpage.jsp", true);
oReq.setRequestHeader("Your-Header-Here", "Value");
oReq.responseType = "arraybuffer";
oReq.onload = function (oEvent) {
  var arrayBuffer = oReq.response;
  if (arrayBuffer) {
    var u8 = new Uint8Array(arrayBuffer);
    var b64encoded = btoa(String.fromCharCode.apply(null, u8));
    var mimetype="image/png";
    document.getElementById("yourimageidhere").src="data:"+mimetype+";base64,"+b64encoded;
oReq.send(null);
<img src="data:image/png;base64,[CODE-OF-THE-IMAHE]">
  
https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest/Sending_and_Receiving_Binary_Data
  
https://stackoverflow.com/questions/12710001/how-to-convert-uint8-array-to-base64-encoded-string
GET 查询参数
使用 GET 查询参数代替请求头信息可以完成同样的功能
<img src="controller?token=[TOKEN]">
  
https://stackoverflow.com/questions/23609946/img-src-path-with-header-params-to-pass
    
在搭建第一个 Vite 项目时，命令行报错：The filename, directory name, or volume label syntax is incorrect. （文件名、目录名或卷标语法不正确）
D:\myspace> yarn create vite
yarn create v...
    
想要把字符串数组转换为字符串字面量联合类型，可以先使用as const关键字定义只读字符串数组，然后对数组中的全部值使用typeof操作符。
// 只读的字符串数组
const namesArr = ["John", "Lily", "Roy"] as const;
// 把数组转换为字符串字面量联合类型
ty...