Hình ảnh mã hóa base64 python

Question

Phương thức readAsDataURL được sử dụng để đọc nội dung của Blob hoặc File đã chỉ định. Khi thao tác đọc kết thúc, readyState trở thành DONE và

<input type="file" onchange="previewFile()" /><br />
<img src="" height="200" alt="Image preview" />

0 được kích hoạt. Khi đó, thuộc tính

<input type="file" onchange="previewFile()" /><br />
<img src="" height="200" alt="Image preview" />

1 chứa dữ liệu dưới dạng data. URL đại diện cho dữ liệu của tệp dưới dạng chuỗi được mã hóa base64

Nội dung chính Show

Ghi chú. Không thể giải mã trực tiếp

<input type="file" onchange="previewFile()" /><br />
<img src="" height="200" alt="Image preview" />

1 của blob dưới dạng Base64 mà không xóa khai báo Data-URL trước dữ liệu được mã hóa Base64. Để chỉ truy xuất chuỗi được mã hóa Base64, trước tiên hãy xóa

<input type="file" onchange="previewFile()" /><br />
<img src="" height="200" alt="Image preview" />

3 khỏi kết quả

readAsDataURL(blob)

<input type="file" onchange="previewFile()" /><br />
<img src="" height="200" alt="Image preview" />

4

Blob hoặc File để đọc

Không có (

<input type="file" onchange="previewFile()" /><br />
<img src="" height="200" alt="Image preview" />

7)

<input type="file" onchange="previewFile()" /><br />
<img src="" height="200" alt="Image preview" />

________số 8_______

<input id="browse" type="file" onchange="previewFiles()" multiple />
<div id="preview"></div>

function previewFiles() {
  const preview = document.querySelector('#preview');
  const files = document.querySelector('input[type=file]').files;

  function readAndPreview(file) {
    // Make sure `file.name` matches our extensions criteria
    if (/\.(jpe?g|png|gif)$/i.test(file.name)) {
      const reader = new FileReader();

      reader.addEventListener("load", () => {
        const image = new Image();
        image.height = 100;
        image.title = file.name;
        image.src = this.result;
        preview.appendChild(image);
      }, false);

      reader.readAsDataURL(file);
    }
  }

  if (files) {
    Array.prototype.forEach.call(files, readAndPreview);
  }
}

Ghi chú. Hàm tạo

<input type="file" onchange="previewFile()" /><br />
<img src="" height="200" alt="Image preview" />

8 không được Internet Explorer hỗ trợ cho các phiên bản trước 10. Để biết mã tương thích đầy đủ, bạn có thể xem giải pháp khả thi cho trình duyệt chéo của chúng tôi để xem trước hình ảnh. Xem thêm ví dụ mạnh mẽ hơn này

programming python