More than 5 years have passed since last update.

ブラウザでbase64エンコードしたPDFファイルを表示する

Last updated at 2019-12-03Posted at 2019-12-03

概要

ブラウザでbase64のPDFファイルを表示する。

実装

HTML5の標準機能で実装可能。
↓の !!!!ここにbase64エンコードしたPDFファイルの文字列を入れる!!! 部分にbase64エンコードしたPDFファイルの文字列を入れる。

<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8" />
  <title>Document</title>
</head>

<body style="height: 100%; width: 100%; overflow: hidden; margin:0px; background-color: rgb(82, 86, 89);">

  <embed style="position:absolute; left: 0; top: 0;" width="100%" height="100%" type="application/pdf"
    src="data:application/pdf;base64,!!!!ここにbase64エンコードしたPDFファイルの文字列を入れる!!!" />

</body>

</html>

おまけ

base64エンコード用のコマンド。

base64 -w0 Untitled-1.pdf > tmp.txt

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up