Chuyển đổi tệp thành javascript base64

Mã hóa tệp thành Base64 trực tuyến và nhúng tệp vào bất kỳ tài liệu văn bản nào như HTML, JSON hoặc XML. Thực tế là nếu bạn không chuyển đổi nhị phân sang Base64, bạn sẽ không thể chèn dữ liệu đó vào tệp văn bản, vì các ký tự nhị phân sẽ làm hỏng dữ liệu văn bản. Điều quan trọng cần nhớ là kích thước của các tệp được mã hóa Base64 tăng 33%. Xin lưu ý rằng tệp tới bộ mã hóa Base64 chấp nhận bất kỳ loại tệp nào có kích thước lên tới 50 MB. Nếu bạn đang tìm quy trình ngược lại, hãy kiểm tra Base64 to File

Tệp cục bộ*
Chọn một tệp hoặc kéo và thả tệp vào đây
Định dạng đầu ra
Mã hóa tệp thành Base64
cơ sở64
Kết quả mã hóa Base64 sẽ xuất hiện ở đây


Cách chuyển đổi tệp sang Base64 trực tuyến

  1. Chọn một tệp cục bộ từ máy tính của bạn
  2. Nếu cần, hãy chọn định dạng đầu ra mong muốn
  3. Nhấn nút “Mã hóa tệp thành Base64”
  4. Tải xuống hoặc sao chép kết quả từ trường “Base64”

định dạng đầu ra

Nếu bạn không biết mình cần định dạng đầu ra nào, hãy kiểm tra các ví dụ sau để xem kết quả của cùng một tệp được mã hóa Base64 được định dạng theo từng định dạng có sẵn sẽ trông như thế nào (như tệp ví dụ tôi sử dụng tệp văn bản được nén)

• Văn bản thô.
H4sICPsdulsCAHJlYWRtZS50eHQAC0/NSc7PTVUoyVdISixONTPRSy8tKlUEAPCdUNYXAAAA
• URI dữ liệu.
data:application/gzip;base64,H4sICPsdulsCAHJlYWRtZS50eHQAC0/NSc7PTVUoyVdISixONTPRSy8tKlUEAPCdUNYXAAAA
• Siêu liên kết HTML.
• Cửa sổ bật lên JavaScript.
window.onclick = function () {
  this.open("data:application/gzip;base64,H4sICPsdulsCAHJlYWRtZS50eHQAC0/NSc7PTVUoyVdISixONTPRSy8tKlUEAPCdUNYXAAAA");
};
• JSON.
{
  "file": {
    "mime": "application/gzip",
    "data": "H4sICPsdulsCAHJlYWRtZS50eHQAC0/NSc7PTVUoyVdISixONTPRSy8tKlUEAPCdUNYXAAAA"
  }
}
• XML.


  H4sICPsdulsCAHJlYWRtZS50eHQAC0/NSc7PTVUoyVdISixONTPRSy8tKlUEAPCdUNYXAAAA

Nếu tôi bỏ lỡ một định dạng đầu ra quan trọng cho các tệp được mã hóa Base64, vui lòng cho tôi biết — tôi rất muốn triển khai định dạng đó

Phương pháp

data:application/gzip;base64,H4sICPsdulsCAHJlYWRtZS50eHQAC0/NSc7PTVUoyVdISixONTPRSy8tKlUEAPCdUNYXAAAA
8 được sử dụng để đọc nội dung của
data:application/gzip;base64,H4sICPsdulsCAHJlYWRtZS50eHQAC0/NSc7PTVUoyVdISixONTPRSy8tKlUEAPCdUNYXAAAA
9 hoặc
0 đã chỉ định. Khi thao tác đọc kết thúc,
1 trở thành
2 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

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ả

cú pháp

data:application/gzip;base64,H4sICPsdulsCAHJlYWRtZS50eHQAC0/NSc7PTVUoyVdISixONTPRSy8tKlUEAPCdUNYXAAAA
0

Thông số

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

data:application/gzip;base64,H4sICPsdulsCAHJlYWRtZS50eHQAC0/NSc7PTVUoyVdISixONTPRSy8tKlUEAPCdUNYXAAAA
9 hoặc
0 để đọc

Giá trị trả về

Không có (

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

ví dụ

HTML

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

JavaScript

data:application/gzip;base64,H4sICPsdulsCAHJlYWRtZS50eHQAC0/NSc7PTVUoyVdISixONTPRSy8tKlUEAPCdUNYXAAAA
4

Kết quả trực tiếp

Ví dụ đọc nhiều tệp

HTML

data:application/gzip;base64,H4sICPsdulsCAHJlYWRtZS50eHQAC0/NSc7PTVUoyVdISixONTPRSy8tKlUEAPCdUNYXAAAA
5

JavaScript

data:application/gzip;base64,H4sICPsdulsCAHJlYWRtZS50eHQAC0/NSc7PTVUoyVdISixONTPRSy8tKlUEAPCdUNYXAAAA
6

Ghi chú. Trình 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