Hướng dẫn how to display base64 encoded pdf in html - cách hiển thị pdf được mã hóa base64 trong html

Tôi phải hiển thị base64 pdf trong tab mới. Tôi đang sử dụng mã dưới đây

 var windo = window.open("", "");  
 var objbuilder = '';
 objbuilder += ('');
 windo.document.write(objbuilder); 

Nó đang làm việc trong Firefox và không làm việc trong Chrome và IE. Tôi thậm chí đã thử với TAG, nhưng cùng một đầu ra, hoạt động trong FF nhưng không phải trong Chrome và IE.

Tôi xem xét bên dưới JSfiddles, đang làm việc trong FF nhưng không phải trong Chrome,

http://jsfiddle.net/yLx2W/

http://jsfiddle.net/yLx2W/1/

Phiên bản Chrome của tôi là: Phiên bản 54.0.2840,99 m

Phiên bản Firefox: 49.0.2

Là bất kỳ ai có bất kỳ ý tưởng, xin vui lòng chia sẻ.

Cảm ơn trước

Đã hỏi ngày 18 tháng 11 năm 2016 lúc 10:19Nov 18, 2016 at 10:19

Dnyaneshwardnyaneshwardnyaneshwar

1.2263 huy hiệu vàng15 Huy hiệu bạc26 Huy hiệu đồng3 gold badges15 silver badges26 bronze badges

1

Đối với những người vẫn không thể làm điều đó, tôi đã tìm thấy điều này trong câu trả lời của người khác, nhưng tôi không nhớ ai ...

var objbuilder = '';
objbuilder += ('');

var win = window.open("#","_blank");
var title = "my tab title";
win.document.write('');
win.document.write(objbuilder);
win.document.write('');
layer = jQuery(win.document);

Bằng cách này, chúng tôi mở tệp PDF trong một tab mới.

Đã trả lời ngày 28 tháng 9 năm 2017 lúc 20:26Sep 28, 2017 at 20:26

ChacochacoCHACO

3892 Huy hiệu bạc12 Huy hiệu Đồng2 silver badges12 bronze badges

7

Nó sẽ hoạt động với Chrome mà bạn có thể sử dụng

"); function base64ToBlob( base64, type = "application/octet-stream" ) { const binStr = atob( base64 ); const len = binStr.length; const arr = new Uint8Array(len); for (let i = 0; i < len; i++) { arr[ i ] = binStr.charCodeAt( i ); } return new Blob( [ arr ], { type: type } ); }

Nguồn gốc của câu trả lời này - Mở tệp PDF được mã hóa Base64 bằng JavaScript. Vấn đề với kích thước tệp lớn hơn 2 MB

Dharman ♦♦

Phù hiệu vàng 28K2121 gold badges75 silver badges127 bronze badges

Đã trả lời ngày 12 tháng 10 năm 2021 lúc 8:51Oct 12, 2021 at 8:51

1

Ở đây '@model.binarydocument' là dữ liệu cơ sở64

1) theo mô hình

2) bởi JS

  $(document).ready(function () {
    var b64Data = "@Model.binaryDocument";
    var contentType = "application/pdf";
     const blob = b64toBlob(b64Data, contentType);
    const blobUrl = URL.createObjectURL(blob);

    window.location = blobUrl;
  })

const b64toBlob = (b64Data, contentType = '', sliceSize = 512) => {
    const byteCharacters = atob(b64Data);
    const byteArrays = [];

    for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) 
       {
        const slice = byteCharacters.slice(offset, offset + sliceSize);

        const byteNumbers = new Array(slice.length);
        for (let i = 0; i < slice.length; i++) {
            byteNumbers[i] = slice.charCodeAt(i);
        }

        const byteArray = new Uint8Array(byteNumbers);
        byteArrays.push(byteArray);
    }

    const blob = new Blob(byteArrays, { type: contentType });
    return blob;
}

Giải pháp đầu tiên tốt hơn để ngăn chặn tự động tải xuống pdf.First solution is better for prevent auto downloading pdf.

Đã trả lời ngày 20 tháng 5 năm 2021 lúc 9:43May 20, 2021 at 9:43

Bạn có thể mã hóa Base64 PDF không?

Làm cách nào để tái cấu trúc PDF từ Base64?

Làm cách nào để tạo trình xem pdf trong HTML?

Làm cách nào để đọc một tệp Base64?