Htmlimageelement thành base64

btoa[stringToEncode]

btoa[stringToEncode]

Chuỗi nhị phân để mã hóa

Một chuỗi ASCII chứa biểu diễn Base64 của

btoa[stringToEncode]

btoa[stringToEncode]

const encodedData = btoa["Hello, world"]; // encode a string
const decodedData = atob[encodedData]; // decode the string

Chuỗi chứa một ký tự không vừa trong một byte. Xem "Chuỗi Unicode" bên dưới để biết thêm chi tiết

const encodedData = btoa["Hello, world"]; // encode a string
const decodedData = atob[encodedData]; // decode the string

Hàm

btoa[stringToEncode]

Base64, theo thiết kế, mong đợi dữ liệu nhị phân làm đầu vào của nó. Về chuỗi JavaScript, điều này có nghĩa là các chuỗi trong đó mỗi ký tự chỉ chiếm một byte. Vì vậy, nếu bạn chuyển một chuỗi vào

btoa[stringToEncode]

const ok = "a";
console.log[ok.codePointAt[0].toString[16]]; //   61: occupies < 1 byte

const notOK = "✓";
console.log[notOK.codePointAt[0].toString[16]]; // 2713: occupies > 1 byte

console.log[btoa[ok]]; // YQ==
console.log[btoa[notOK]]; // error

Nếu bạn cần mã hóa văn bản Unicode dưới dạng ASCII bằng cách sử dụng

btoa[stringToEncode]

// convert a Unicode string to a string in which
// each 16-bit unit occupies only one byte
function toBinary[string] {
  const codeUnits = Uint16Array.from[
    { length: string.length },
    [element, index] => string.charCodeAt[index]
  ];
  const charCodes = new Uint8Array[codeUnits.buffer];

  let result = "";
  charCodes.forEach[[char] => {
    result += String.fromCharCode[char];
  }];
  return result;
}

// a string that contains characters occupying > 1 byte
const myString = "☸☹☺☻☼☾☿";

const converted = toBinary[myString];
const encoded = btoa[converted];
console.log[encoded]; // OCY5JjomOyY8Jj4mPyY=

Nếu bạn làm điều này, tất nhiên bạn sẽ phải đảo ngược chuyển đổi trên chuỗi đã giải mã

function fromBinary[binary] {
  const bytes = Uint8Array.from[{ length: binary.length }, [element, index] =>
    binary.charCodeAt[index]
  ];
  const charCodes = new Uint16Array[bytes.buffer];

  let result = "";
  charCodes.forEach[[char] => {
    result += String.fromCharCode[char];
  }];
  return result;
}

const decoded = atob[encoded];
const original = fromBinary[decoded];
console.log[original]; // ☸☹☺☻☼☾☿

Xem thêm ví dụ về hàm

const encodedData = btoa["Hello, world"]; // encode a string
const decodedData = atob[encodedData]; // decode the string

const encodedData = btoa["Hello, world"]; // encode a string
const decodedData = atob[encodedData]; // decode the string

Làm cách nào để chuyển đổi HTML sang Base64?

Làm cách nào để chuyển đổi hình ảnh sang Base64?

Làm cách nào để lấy dữ liệu Base64 từ hình ảnh?

Làm cách nào để sử dụng hình ảnh làm Base64 trong HTML?