Hướng dẫn display pdf;base64 in html

Question

I am trying to make preview from base64 data . Here it works for any base64 image but if I use base64 pdf then it shows plugin is not supported . Here is my code . There is a post which closely similar but did not meet up my expectation.

if(response.responseCode == 1)
{
  $("#image-info-content").html('<object data="'+response.data+'"></object>');
  $('#image-modal').modal();
}

I also tried with type="application/pdf" . Still it's not working. Though I don't want this because there might be image or pdf file. Thanks in advance

response.data like here data:application/pdf;base64,JVBERi0xLjMKJeLjz9MKMSAwIG9iago8.......

asked Jan 23, 2021 at 12:50

MithunMithun

1751 gold badge4 silver badges15 bronze badges

With this way we can open the pdf in a new tab. i found this in somewhere, but i don't remember exactly where

var objbuilder = '';
objbuilder += ('<object width="100%" height="100%" 
data="data:application/pdf;base64,');
objbuilder += (myBase64string);
objbuilder += ('" type="application/pdf" class="internal">');
objbuilder += ('<embed src="data:application/pdf;base64,');
objbuilder += (myBase64string);
objbuilder += ('" type="application/pdf"  />');
objbuilder += ('</object>');

var win = window.open("#","_blank");
var title = "my tab title";
win.document.write('<html><title>'+ title +'</title><body style="margin-top: 
0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;">');
win.document.write(objbuilder);
win.document.write('</body></html>');
layer = jQuery(win.document);

answered Jan 23, 2021 at 13:20

0

Not the answer you're looking for? Browse other questions tagged javascript html base64 or ask your own question.

Hướng dẫn dùng char 64 trong PHP

Trong bài này, chúng ta sẽ tìm hiểu kỹ về các kiểu dữ liệu số (number) trong PHP. Để học tốt bài này, các bạn cần đọc lại bài Cài đặt môi trường lập ...

How to upload rotated image in php?

September 5, 2020 Category : PHPIf you want to rotate image on upload 90 degrees or 180 degrees in php then this tutorial will help you. we will use imagecreatefrompng(), imagerotate() and imagepng() ...

Hướng dẫn dùng polygon images trong PHP

Tôi đã cố gắng rất nhiều để tạo khung bằng cách sử dụng một hình ảnh duy nhất thông qua php, nhưng không tìm thấy bất kỳ giải pháp nào trong php.Với sự ...

Hướng dẫn display: none trong css

Nhóm phát triển của chúng tôi vừa ra mắt website langlearning.net học tiếng Anh, Nga, Đức, Pháp, Việt, Trung, Hàn, Nhật, ... miễn phí cho tất cả mọi người. Là ...

Hướng dẫn dùng im crop trong PHP

Vietnamese (Tiếng Việt) translation by Dai Phong (you can also view the original English article) Nội dung chínhGiới thiệu Bước 1 Chuẩn bị Bước 2 Gọi Đối tượng Bước 3 ...

Hướng dẫn background-color trong css

1) Thuộc tính background-color trong CSS- Thuộc tính background-color dùng để thiết lập màu nền của phần tử HTML.- Ví dụ:Phần tử này được thiết lập nền màu ...

Hướng dẫn display trong css

Nhóm phát triển của chúng tôi vừa ra mắt website langlearning.net học tiếng Anh, Nga, Đức, Pháp, Việt, Trung, Hàn, Nhật, ... miễn phí cho tất cả mọi người. Là ...

Hướng dẫn decode base64 javascript

Bài viết / Web / Javascript Thứ ba, 15/09/2020 | 00:00 GMT+7 Mã hóa và giải mã một chuỗi trong Base64 bằng JavaScript có thể khá tiện dụng. Vì vậy, ta có các btoa() ...

Convert image url to base64 nodejs

Im trying to fetch an image from the web and encode it with base64.what i have so far is basically:var request = require(request); var BufferList = require(bufferlist).BufferList; bl = new ...

Hướng dẫn rm in php

Bài viết này sẽ hướng dẫn bạn cách Thao Tác Với Lệnh RM. Nếu bạn cần hỗ trợ, xin vui lòng liên hệ VinaHost qua Hotline 1900 6046 ext.3, email về hoặc chat với ...

Hướng dẫn dùng imagick trong PHP

ImageMagick có thể giúp bạn thực hiện các thao tác từ đơn giản như: dịch chuyển, thay đổi kích thước, xoay, kéo xiên, thu phóng hỉnh, điều chỉnh màu sắc, ...

Hướng dẫn dùng base64decode trong PHP

(PHP 4, PHP 5, PHP 7, PHP 8)base64_decode — Decodes data encoded with MIME base64Descriptionbase64_decode(string $string, bool $strict = false): string|false Parameters string The encoded data. ...

Hướng dẫn dùng decoder base64 trong PHP

(PHP 4, PHP 5, PHP 7, PHP 8)base64_decode — Decodes data encoded with MIME base64Descriptionbase64_decode(string $string, bool $strict = false): string|falseParameters string The encoded data. ...

Hướng dẫn dùng imagemagick trong PHP

ImageMagick có thể giúp bạn thực hiện các thao tác từ đơn giản như: dịch chuyển, thay đổi kích thước, xoay, kéo xiên, thu phóng hỉnh, điều chỉnh màu sắc, ...

Hướng dẫn dùng install sklean python

1. Blog được tạo như thế nào?2. Các kiến thức cần thiết để học Machine Learning?3. Hướng dẫn cài đặt python và các thư viện trên MacOS?4. Hướng dẫn cài ...

Hướng dẫn image link html

Xin chào các bạn quay lại blog của mình. Trong bài này mình sẽ giới thiệu các bạn về thẻ <img> và thẻ <a>.Sau này làm web thì các bạn sẽ tiếp xúc ...

What are the 5 types of steganography?

An Overview of SteganographyGary C. Kessler, Chet Hosmer, in Advances in Computers, 20111.2 Terms, Concepts, and Classifications of SteganographyThe stego process generally involves placing a hidden ...

programming html Data uri pdf